From 73a03a4707adb8086fae86f8b389e8fbb16f0725 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Fri, 17 Feb 2023 17:04:51 +0800
Subject: [PATCH] style(ui): adjust signin and register switch link pos

adjust signin and register switch link pos
---
 .../ui/src/pages/Register/index.module.scss   |  1 +
 packages/ui/src/pages/Register/index.tsx      | 20 ++++++++-----------
 .../ui/src/pages/SignIn/index.module.scss     |  1 +
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/packages/ui/src/pages/Register/index.module.scss b/packages/ui/src/pages/Register/index.module.scss
index b9ca9a674..a3132d8bc 100644
--- a/packages/ui/src/pages/Register/index.module.scss
+++ b/packages/ui/src/pages/Register/index.module.scss
@@ -9,6 +9,7 @@
 .createAccount {
   margin-top: _.unit(2);
   text-align: center;
+  margin-bottom: _.unit(4);
 }
 
 .placeHolder {
diff --git a/packages/ui/src/pages/Register/index.tsx b/packages/ui/src/pages/Register/index.tsx
index a3a168114..799346a0b 100644
--- a/packages/ui/src/pages/Register/index.tsx
+++ b/packages/ui/src/pages/Register/index.tsx
@@ -25,6 +25,14 @@ const Register = () => {
         <IdentifierRegisterForm signUpMethods={signUpMethods} className={styles.main} />
       )}
       {signUpMethods.length === 0 && socialConnectors.length > 0 && <SocialSignIn />}
+      {
+        // SignIn footer
+        signInMode === SignInMode.SignInAndRegister && signInMethods.length > 0 && (
+          <div className={styles.createAccount}>
+            {t('description.have_account')} <TextLink replace to="/sign-in" text="action.sign_in" />
+          </div>
+        )
+      }
       {
         // Social sign-in methods
         signUpMethods.length > 0 && socialConnectors.length > 0 && (
@@ -34,18 +42,6 @@ const Register = () => {
           </>
         )
       }
-      {
-        // SignIn footer
-        signInMode === SignInMode.SignInAndRegister && signInMethods.length > 0 && (
-          <>
-            <div className={styles.placeHolder} />
-            <div className={styles.createAccount}>
-              {t('description.have_account')}{' '}
-              <TextLink replace to="/sign-in" text="action.sign_in" />
-            </div>
-          </>
-        )
-      }
     </LandingPageContainer>
   );
 };
diff --git a/packages/ui/src/pages/SignIn/index.module.scss b/packages/ui/src/pages/SignIn/index.module.scss
index 4474f5dd8..fa5beaa66 100644
--- a/packages/ui/src/pages/SignIn/index.module.scss
+++ b/packages/ui/src/pages/SignIn/index.module.scss
@@ -10,6 +10,7 @@
 .createAccount {
   margin-top: _.unit(2);
   text-align: center;
+  margin-bottom: _.unit(4);
 }
 
 .placeHolder {