more

src/Constants/Fields/RadioFields.js

@@ -5,7 +5,7 @@ export const signupRadioFields = [
     value: "monthlyBasic",
     description: [
       "1 document per month",
-      "Carryover one unused doc to next period",
+      "Carryover 1 document to next period",
       "24/7 support",
     ],
     details: "",
@@ -17,8 +17,8 @@ export const signupRadioFields = [
     value: "monthlyProPlan",
     description: [
       "3 documents per month",
-      "Carryover two unused docs to next period",
-      "Additional accounts: first: 39, additional 59/each",
+      "Carryover 2 documents to next period",
+      "Up to 2 additional accounts: 59/each",
       "24/7 support",
     ],
     details: "",

src/pageElements/Radio.js

@@ -42,7 +42,7 @@ const Radio = (props) => {
             <div className="radio-circle-lower">
               <div className="radio-description-box">
                 {description.map((item) => {
-                  return <p>{item}</p>;
+                  return <p className="signup-feat-item">{item}</p>;
                 })}
               </div>
               <div className="radio-description-box">{`${details}`} </div>

src/styles/radio.scss

@@ -19,8 +19,8 @@
 .radio-circle-lower {
   display: flex;
   flex-direction: column;
-  margin-left: 18px;
-  padding-left: 26px;
+  margin-left: 12px;
+  padding-left: 10px;
 }
 
 .radio-circle-box {
@@ -44,7 +44,6 @@
 .radio-price-box {
   display: flex;
   flex-direction: row-reverse;
-
   height: 30px;
   width: 30%;
 }

src/styles/signup.scss

@@ -166,3 +166,8 @@
   width: 350px;
   height: 100%;
 }
+
+.signup-feat-item {
+  font-size: 0.9rem;
+  margin: 4px 0px;
+}