From 9392ca21eed5a95c35b727d26fdb0ee78d19a5c6 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Mon, 5 Feb 2024 21:08:29 -0600
Subject: [PATCH] More

---
 src/Components/SignupPage/SignupPage.js |  4 ++--
 src/styles/signup.scss                  | 20 +++++++++++++++-----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index 6a7dfe9..a1413e5 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -588,7 +588,7 @@ const SignupPage = () => {
                     </select>
                   </div>
                 </div>
-                <div className="details-button-box">
+                <div className="details-foo-box ">
                   <Button
                     className="secondary-button"
                     onClick={handleCancelAdd}
@@ -612,7 +612,7 @@ const SignupPage = () => {
               <>
                 {showAddAccountBtn ? (
                   <Button
-                    className="secondary-button cancel-add-account-btn"
+                    className="secondary-button signup-addacct-button"
                     type="button"
                     size="lg"
                     onClick={handleAddAccounts}
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index fb11c1d..002403e 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -423,6 +423,15 @@
     margin-bottom: 0px;
   }
 
+  .signup-addacct-button {
+    margin-bottom: 12px;
+  }
+
+  .signup-proceed {
+    width: 160px;
+    margin-left: 3px;
+  }
+
   .signup-select-wrapper {
     flex-direction: column;
     justify-content: center;
@@ -436,18 +445,19 @@
     margin: 10px auto;
   }
 
-  .details-button-box {
-    width: 180px !important;
+  .details-foo-box {
+    display: flex;
     flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: auto;
+    margin-right: auto;
   }
 
   .upload-button-box {
     display: flex;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
-    margin-right: 8px;
-    padding-right: 12px;
     width: 180px !important;
     margin-top: 18px;
   }