From e9f42fedefdb7529207e181c6c90d9fc358957ef Mon Sep 17 00:00:00 2001
From: CANCI0 <martinlol831@gmail.com>
Date: Thu, 11 Apr 2024 13:28:21 +0200
Subject: [PATCH] Ahora el footer es relativo

---
 webapp/src/App.css                     |  1 +
 webapp/src/components/Footer/Footer.js | 21 +++++++++++++++++----
 webapp/src/pages/History/History.js    |  2 +-
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/webapp/src/App.css b/webapp/src/App.css
index 6c3e0687..1932a3de 100644
--- a/webapp/src/App.css
+++ b/webapp/src/App.css
@@ -7,3 +7,4 @@
   text-align: center;
   justify-content: space-between;
 }
+
diff --git a/webapp/src/components/Footer/Footer.js b/webapp/src/components/Footer/Footer.js
index 8aeab19e..10da14d4 100644
--- a/webapp/src/components/Footer/Footer.js
+++ b/webapp/src/components/Footer/Footer.js
@@ -9,10 +9,23 @@ const Footer = () => {
     const bgColor = { light: 'gray.200', dark: 'gray.700' };
     const textColor = { light: 'black', dark: 'white' };
 
-    return(
-        <Box as="footer" textAlign="center" p={4} bg={bgColor[colorMode]} color={textColor[colorMode]} position="sticky" bottom="0" width="100%">
-            <Heading as="h2" fontSize="xl">WIQ!</Heading>
-            <Text fontSize="sm" mt={2}>{t('components.footer.copyright')}</Text>
+    return (
+        <Box
+            as="footer"
+            textAlign="center"
+            position="relative"
+            bottom="0"
+            width="100%"
+            p={4}
+            bg={bgColor[colorMode]}
+            color={textColor[colorMode]}
+        >
+            <Heading as="h2" fontSize="xl">
+                WIQ!
+            </Heading>
+            <Text fontSize="sm" mt={2}>
+                {t('components.footer.copyright')}
+            </Text>
         </Box>
     );
 }
diff --git a/webapp/src/pages/History/History.js b/webapp/src/pages/History/History.js
index 42468bae..97fb561a 100644
--- a/webapp/src/pages/History/History.js
+++ b/webapp/src/pages/History/History.js
@@ -85,7 +85,7 @@ const History = () => {
                     key={index}
                     p={6}
                     borderWidth="1px"
-                    width={{ base: "90%", lg: "60%" }}
+                    width={{ base: "90%", lg: "50%" }}
                     borderRadius="lg"
                     boxShadow="lg"
                   >