From 08dac043ebd3da4bf104a64de08d8b5fcb089ecd Mon Sep 17 00:00:00 2001
From: kitajchuk <bk@kitajchuk.com>
Date: Sat, 7 Jan 2023 19:55:25 -0800
Subject: [PATCH] No more fixed position here

---
 src/containers/login/layout.tsx  |  4 +++-
 src/containers/login/styles.scss | 16 +++++++++-------
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/containers/login/layout.tsx b/src/containers/login/layout.tsx
index f5c6ac4..a391a21 100644
--- a/src/containers/login/layout.tsx
+++ b/src/containers/login/layout.tsx
@@ -16,7 +16,9 @@ export const Layout = () => (
         alt="jambonz"
       />
     </header>
-    <Outlet />
+    <section>
+      <Outlet />
+    </section>
     <footer>
       <MXS>jambonz is open source MIT on</MXS>
       <MXS>
diff --git a/src/containers/login/styles.scss b/src/containers/login/styles.scss
index a486475..c556405 100644
--- a/src/containers/login/styles.scss
+++ b/src/containers/login/styles.scss
@@ -9,28 +9,30 @@
   height: 100vh;
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
   padding-left: ui-vars.$px02;
   padding-right: ui-vars.$px02;
 
   header {
-    position: fixed;
     padding: ui-vars.$px03;
-    top: 0;
-    left: 0;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
   }
 
+  section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+  }
+
   footer {
     color: ui-vars.$grey;
-    position: fixed;
     padding: ui-vars.$px03;
-    bottom: 0;
-    left: 0;
     width: 100%;
     display: flex;
     align-items: center;