From 21d1e22873dbcbf73ea961decb209ea908bf3557 Mon Sep 17 00:00:00 2001
From: matushl <hlavacik.matus@gmail.com>
Date: Sat, 9 Dec 2023 15:13:35 +0100
Subject: [PATCH] Change position of Footer

---
 src/components/PageLayout/Footer/Footer.module.scss | 2 --
 src/components/PageLayout/PageLayout.module.scss    | 3 +++
 src/components/PageLayout/PageLayout.tsx            | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/PageLayout/Footer/Footer.module.scss b/src/components/PageLayout/Footer/Footer.module.scss
index a83d400e..d7443610 100644
--- a/src/components/PageLayout/Footer/Footer.module.scss
+++ b/src/components/PageLayout/Footer/Footer.module.scss
@@ -2,8 +2,6 @@
   width: 100%;
   background-color: black;
   color: white;
-  position: absolute;
-  bottom: 0;
 }
 
 .grid {
diff --git a/src/components/PageLayout/PageLayout.module.scss b/src/components/PageLayout/PageLayout.module.scss
index b4cae981..8acd266c 100644
--- a/src/components/PageLayout/PageLayout.module.scss
+++ b/src/components/PageLayout/PageLayout.module.scss
@@ -1,9 +1,12 @@
 .pageContainer {
   min-height: 100vh;
   position: relative;
+  display: flex;
+  flex-direction: column;
 }
 
 .grid {
+  flex: 1;
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   // bottom offset because of sticky debug footer
diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
index a9ef9e3c..2ced9a35 100644
--- a/src/components/PageLayout/PageLayout.tsx
+++ b/src/components/PageLayout/PageLayout.tsx
@@ -42,8 +42,8 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
           <div className={styles.pageContainer}>
             <TopGrid />
             <MenuMain />
+            <StromLogo />
             <div className={styles.grid}>
-              <StromLogo />
               <div
                 className={clsx(
                   styles.mainContent,
@@ -55,8 +55,8 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
                 {children}
               </div>
             </div>
-            <DebugFooter />
             <Footer />
+            <DebugFooter />
           </div>
         </BannerContainer.Provider>
       </PageTitleContainer.Provider>