Update footer styling

UniversityOfHelsinkiCS · May 5, 2023 · c26579e · c26579e
1 parent b3d3d0c
commit c26579e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/src/client/App.tsx b/src/client/App.tsx
@@ -14,7 +14,7 @@ const App = () => {
   return (
     <ThemeProvider theme={theme}>
       <SnackbarProvider preventDuplicate>
-        <Box>
+        <Box minHeight="100vh" display="flex" flexDirection="column">
           <NavBar />
           <Router />
           <Footer />

diff --git a/src/client/components/Chat/Email.tsx b/src/client/components/Chat/Email.tsx
@@ -34,7 +34,7 @@ const Email = ({ system, messages, disabled }: { system: string, messages: Messa
     if (response.ok) {
       enqueueSnackbar(t('email:success'), { variant: 'success' })
     } else {
-      enqueueSnackbar('email:failure', { variant: 'error' })
+      enqueueSnackbar(t('email:failure'), { variant: 'error' })
     }
   }
 

diff --git a/src/client/components/Footer/index.tsx b/src/client/components/Footer/index.tsx
@@ -31,8 +31,7 @@ const Footer = () => {
       sx={(theme) => ({
         backgroundColor: theme.palette.toskaDark.main,
         color: theme.palette.toskaDark.contrastText,
-        bottom: 0,
-        position: 'fixed',
+        mt: 'auto',
         width: '100%',
       })}
     >