more

src/Components/SignupPage/SignupPage.js

@@ -245,9 +245,6 @@ const SignupPage = () => {
     paymentDataValues,
     customerDataValues
   ) {
-    console.log(
-      "~~~~~~~~~~~~~~~~~~~~_______-~~~~handleStripeAuthorization fired"
-    );
     const additionalAccounts = numberOfAccountsToAdd
       ? numberOfAccountsToAdd
       : 0;
@@ -267,7 +264,7 @@ const SignupPage = () => {
           paymentDataValues.cardLastName,
       },
     });
-    console.log("additionalAccounts", additionalAccounts);
+
     const type = selectedPlan[0].value ? selectedPlan[0].value : null;
     try {
       let response = await fetch(`${apiUrl}/create-subscription`, {

src/pageElements/Radio.js

@@ -38,7 +38,7 @@ const Radio = (props) => {
               <div className="radio-name-box"> {`${name}`} </div>
               <div className="radio-price-box">
                 <div className="radio-price">
-                  {`$${price[index]["amount"]}`}{" "}
+                  {`$${price[index]["amount"]}/mo`}
                 </div>
               </div>
             </div>

src/styles/radio.scss

@@ -28,16 +28,20 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin: auto;
+  margin-top: 6px;
+  margin-left: 10px;
+  margin-right: 4px;
   height: 30px;
 }
 
 .radio-name-box {
   display: flex;
   align-items: center;
-  padding-top: 10px;
+  padding-top: 12px;
   height: 30px;
-  width: 50%;
+  width: 130px;
+  margin-left: 2px;
+  padding-left: 6px;
   font-family: var(--main-font);
   font-family: Roboto;
   font-weight: 500;
@@ -47,13 +51,13 @@
 .radio-price-box {
   display: flex;
   flex-direction: row-reverse;
+  padding-top: 2px;
   height: 30px;
-  width: 30%;
+  width: 90px;
 }
 
 .radio-price {
   height: 25px;
-  width: 40px;
   float: right;
   margin-right: 8px;
   padding-top: 6px;