From 8ff3dd86890a3ae9a7d2c057041c87fad66fc036 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 5 Feb 2024 15:55:45 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js | 56 ++++++-------------------
 src/styles/signup.scss                  | 22 +++++-----
 2 files changed, 24 insertions(+), 54 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 383a29d..8bfa0ab 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -511,21 +511,21 @@ const SignupPage = () => {
       {!isUpgrade && !isBusy ? signupForm : <></>}
       {showSelectPlan && !isBusy ? (
         <div className="select-plan-container">
-          <div className="select-sub-left">
-            <div className="select-plan-header">
-              <div className="plan-header-right">
-                <h5 className="signup-subheader-text">
-                  Select a subscription plan
-                </h5>
-              </div>
-              <div className="plan-header-left">
-                <div className="select-toggle-box">
-                  <p className="select-billing-text">Billed annually</p>
-                  <Toggle onClick={handleToggle} />
-                  <p className="select-billing-text">Billed montly</p>
-                </div>
+          <div className="select-plan-header">
+            <div className="plan-header-right">
+              <h5 className="signup-subheader-text">
+                Select a subscription plan
+              </h5>
+            </div>
+            <div className="plan-header-left">
+              <div className="select-toggle-box">
+                <p className="select-billing-text">Billed annually</p>
+                <Toggle onClick={handleToggle} />
+                <p className="select-billing-text">Billed montly</p>
               </div>
             </div>
+          </div>
+          <div className="select-sub-left">
             <div className="radio-group-box">
               {signupRadioFields?.map((option, index) => (
                 <div className="signup-radio-container">
@@ -604,36 +604,6 @@ const SignupPage = () => {
             ) : (
               <></>
             )}
-            <div className="signup-button-box">
-              {!showAddAccount && !isBusy ? (
-                <>
-                  {showAddAccountBtn ? (
-                    <Button
-                      className="secondary-button cancel-add-account-btn"
-                      type="button"
-                      size="lg"
-                      onClick={handleAddAccounts}
-                      disabled={isBusy}
-                      labelText="Add Account(s)"
-                      style={{ marginTight: "12px;" }}
-                    />
-                  ) : (
-                    <></>
-                  )}
-
-                  <Button
-                    className="primary-button signup-proceed"
-                    type="button"
-                    size="lg"
-                    onClick={handleProceedToPayment}
-                    disabled={isBusy}
-                    labelText="Proceed to Payment"
-                  />
-                </>
-              ) : (
-                <></>
-              )}
-            </div>
           </div>
         </div>
       ) : (
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 1b252b1..59174ab 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -81,14 +81,6 @@
   width: 160px;
 }
 
-.select-plan-container {
-  display: flex;
-  flex-direction: row;
-  margin-top: 24px;
-  width: 920px;
-  min-height: 810px;
-}
-
 .select-plan-header {
   display: flex;
   flex-direction: row;
@@ -119,15 +111,23 @@
   width: 50%;
 }
 
+.select-plan-container {
+  display: flex;
+  flex-direction: column;
+  margin-top: 24px;
+  width: 920px;
+  min-height: 810px;
+  border-radius: 10px;
+  background-color: rgb(240, 247, 250);
+  border: 1px solid #e9e9e9;
+}
+
 .select-sub-left {
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 45px;
   width: 100%;
-  border-radius: 10px;
-  background-color: rgb(240, 247, 250);
-  border: 1px solid #e9e9e9;
 }
 
 .select-sub-right {