From 8c900220e91751060e7e6475079d5cee9fc439b3 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 29 Jan 2024 11:01:13 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js |  5 +----
 src/pageElements/Radio.js               |  2 +-
 src/styles/radio.scss                   | 14 +++++++++-----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 3453085..2d4147b 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/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`, {
diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 82da4c7..a90960f 100644
--- a/src/pageElements/Radio.js
+++ b/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>
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index 8cc5dcf..211cbb2 100644
--- a/src/styles/radio.scss
+++ b/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;