From bf02b85043d82b509f70da9d27e303d6ed3c4f43 Mon Sep 17 00:00:00 2001
From: audric <audric@loki.network>
Date: Thu, 2 Sep 2021 17:20:44 +1000
Subject: [PATCH] finish rework registration page

---
 stylesheets/_session_signin.scss              |  8 ++++--
 .../session/SessionRegistrationView.tsx       | 28 ++++++++++---------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss
index a426260ab..c24fc27ea 100644
--- a/stylesheets/_session_signin.scss
+++ b/stylesheets/_session_signin.scss
@@ -1,13 +1,17 @@
 .session {
   &-content {
     background-color: #f9f9f9;
+
+    .session-button.brand-outline.brand.green:hover {
+      background-color: var(--color-accent);
+    }
     &-accent {
       &-text {
         font-family: $session-font-accent;
         .title {
-          font-size: 100px;
+          font-size: 90px;
           font-weight: 700;
-          line-height: 120px;
+          line-height: 100px;
         }
       }
     }
diff --git a/ts/components/session/SessionRegistrationView.tsx b/ts/components/session/SessionRegistrationView.tsx
index 5e5e7e431..32058cbd1 100644
--- a/ts/components/session/SessionRegistrationView.tsx
+++ b/ts/components/session/SessionRegistrationView.tsx
@@ -23,23 +23,25 @@ export const SessionRegistrationView = () => {
         flexDirection="column"
         container={true}
       >
-        <SessionToastContainer />
-        <SpacerLG />
-        <SpacerLG />
+        <Flex container={true} margin="auto" alignItems="center" flexDirection="column">
+          <SessionToastContainer />
+          <SpacerLG />
+          <SpacerLG />
 
-        <SessionIcon iconSize={150} iconType="brand" />
-        <SpacerLG />
+          <SessionIcon iconSize={150} iconType="brand" />
+          <SpacerLG />
 
-        <SpacerLG />
-        <SpacerLG />
-        <SpacerLG />
+          <SpacerLG />
+          <SpacerLG />
+          <SpacerLG />
 
-        <AccentText />
-        <SpacerLG />
-        <SpacerLG />
-        <SpacerLG />
+          <AccentText />
+          <SpacerLG />
+          <SpacerLG />
+          <SpacerLG />
 
-        <RegistrationStages />
+          <RegistrationStages />
+        </Flex>
       </Flex>
     </SessionTheme>
   );