From 43a3731b623864b3786d440833ab599dcb9f6bd7 Mon Sep 17 00:00:00 2001
From: ShubhamPalriwala <spalriwalau@gmail.com>
Date: Fri, 7 Jun 2024 21:32:06 +0530
Subject: [PATCH] fix: move share secret button above textbox

---
 .../ShareSecretPublicPage.tsx                 | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
index 12489f1e2..1663d6267 100644
--- a/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
+++ b/frontend/src/views/ShareSecretPublicPage/ShareSecretPublicPage.tsx
@@ -97,11 +97,27 @@ export const ShareSecretPublicPage = ({ isNewSession }: { isNewSession: boolean
           />
         )}
 
-        <div className="m-auto my-6 flex w-full max-w-xl justify-center px-8 px-4 sm:my-10">
+        <div className="m-auto my-6 flex w-full max-w-xl justify-center px-8 px-4 sm:my-8">
           <div className="w-full border-t border-mineshaft-600" />
         </div>
 
         <div className="m-auto max-w-xl px-4">
+          {!isNewSession && (
+            <div className="flex flex-1 flex-col items-center justify-center px-4 pb-4">
+              <Button
+                className="bg-mineshaft-700 text-bunker-200"
+                colorSchema="primary"
+                variant="outline_bg"
+                size="sm"
+                onClick={() => {
+                  handlePopUpOpen("createSharedSecret");
+                }}
+                leftIcon={<FontAwesomeIcon icon={faPlus} />}
+              >
+                Share your own Secret
+              </Button>
+            </div>
+          )}
           <div className="m-auto mb-8 flex flex max-w-xl flex-col justify-center gap-2 rounded-md border border-primary-500/30 bg-primary/5 p-6">
             <p className="pb-2 font-semibold text-mineshaft-100 md:pb-4 md:text-xl">
               Safe, Secure, & Open Source
@@ -127,22 +143,6 @@ export const ShareSecretPublicPage = ({ isNewSession }: { isNewSession: boolean
               </span>
             </Link>
           </div>
-          {!isNewSession && (
-            <div className="flex flex-1 flex-col items-center justify-center px-4">
-              <Button
-                className="bg-mineshaft-700 text-bunker-200"
-                colorSchema="primary"
-                variant="outline_bg"
-                size="sm"
-                onClick={() => {
-                  handlePopUpOpen("createSharedSecret");
-                }}
-                leftIcon={<FontAwesomeIcon icon={faPlus} />}
-              >
-                Share your own Secret
-              </Button>
-            </div>
-          )}
         </div>
         <div className="bottom-0 flex w-full items-center justify-center bg-mineshaft-600 p-2 sm:absolute">
           <p className="text-center text-sm text-mineshaft-300">