From 993d7415ca42cc13c277bbda6753c9e715df71f4 Mon Sep 17 00:00:00 2001
From: Ivareh <ivareh@ntnu.no>
Date: Sun, 24 Nov 2024 14:27:38 +0100
Subject: [PATCH] #705 Fix mainpage footer combo position

---
 src/frontend/src/components/Common/Footer.tsx   |  1 -
 src/frontend/src/components/Common/MainPage.tsx | 12 ++++++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/components/Common/Footer.tsx b/src/frontend/src/components/Common/Footer.tsx
index 5a0e41ad..564ec13e 100644
--- a/src/frontend/src/components/Common/Footer.tsx
+++ b/src/frontend/src/components/Common/Footer.tsx
@@ -37,7 +37,6 @@ const Footer = (props: StackProps) => {
     <Stack
       {...props}
       width="100%"
-      minHeight="10rem"
       mt="auto"
       direction="column"
       color="ui.white"
diff --git a/src/frontend/src/components/Common/MainPage.tsx b/src/frontend/src/components/Common/MainPage.tsx
index 09214e75..7f117ff8 100644
--- a/src/frontend/src/components/Common/MainPage.tsx
+++ b/src/frontend/src/components/Common/MainPage.tsx
@@ -17,6 +17,7 @@ export const MainPage = (props: MainPageProps) => {
       bg="ui.main"
       width="99vw"
       minWidth="bgBoxes.miniPBox"
+      minH="100vh"
     >
       <>
         <Box mb={"7rem"}>
@@ -29,7 +30,6 @@ export const MainPage = (props: MainPageProps) => {
           justifyContent="center"
           maxWidth={"100%"}
           flexWrap="wrap"
-          minHeight="100vh"
           p={3}
           pl={10}
           pr={10}
@@ -37,9 +37,14 @@ export const MainPage = (props: MainPageProps) => {
           borderTopColor={"ui.darkBrown"}
           borderTopWidth={1}
           alignSelf="center"
+          minH="96vh"
         >
           {props.isReady && (
-            <VStack width={"bgBoxes.defaultBox"} height={"100%"} maxW={"100%"}>
+            <VStack
+              width={"bgBoxes.defaultBox"}
+              minHeight={"100vh"}
+              maxW={"100%"}
+            >
               <GraphInput />
               <QueryButtons />
 
@@ -48,10 +53,9 @@ export const MainPage = (props: MainPageProps) => {
                 minH={"bgBoxes.smallBox"}
                 height={"bgBoxes.smallBox"}
                 maxW="98vw"
-                mb="10rem"
                 justifyItems={"center"}
               />
-              <Footer />
+              <Footer minH="15rem" />
             </VStack>
           )}
         </Flex>