From b6eb2621c89a974f981b490a9b70e705b52ff74f Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 5 Feb 2024 19:19:07 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js |  6 ++--
 src/styles/signup.scss                  | 48 ++++++++++++++++++++++++-
 2 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 3d1e108..e5890eb 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -43,12 +43,12 @@ const SignupPage = () => {
     getFormDataDefaults(paymentfields)
   );
   const [showPaymentModal, setShowPaymentModal] = useState(false);
-
+  /*
   const [showSelectPlan, setShowSelectPlan] = useState(
     isUpgrade ? true : false
   );
-
-  //const [showSelectPlan, setShowSelectPlan] = useState(true);
+*/
+  const [showSelectPlan, setShowSelectPlan] = useState(true);
   const [activeRadioOption, setActiveRadioOption] = useState("partner");
   const [selectedPlan, setSelectedPlan] = useState([signupRadioFields[1]]);
   const [isAnnual, setIsAnnual] = useState(1);
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index e76df48..6e20303 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -301,7 +301,7 @@
     display: none;
   }
   .signup-sub-container {
-    width: 860px;
+    width: 360px;
   }
   .signup-header-text {
     font-size: 1.35rem;
@@ -333,4 +333,50 @@
   .signup-password-row {
     width: 345px !important;
   }
+  .select-plan-container {
+    width: 360px;
+  }
+
+  .select-plan-header {
+    width: 350px;
+    flex-direction: column;
+    height: 90px;
+  }
+
+  .plan-header-right {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    width: 350px;
+    padding: 0px;
+  }
+
+  .plan-header-left {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    width: 350px;
+    padding: 0px;
+  }
+
+  .radio-group-box {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
 }