From d5b4133c0a726fb48ef2452d99734da995c22b9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Wed, 26 Jan 2022 22:58:09 +0400
Subject: [PATCH] Center and reduce footer

---
 components/footer.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/footer.js b/components/footer.js
index 75edede..3472f4d 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,6 +1,6 @@
 import {useState} from 'react'
 import {styled} from '@mui/material/styles'
-import {Box, Link, Typography, useMediaQuery} from '@mui/material'
+import {Box, Container, Link, Typography, useMediaQuery} from '@mui/material'
 
 import {rezoLis} from '../lib/rezo-lis'
 
@@ -20,7 +20,7 @@ const Root = styled('div')((
   }
 ) => ({
   [`& .${classes.footer}`]: {
-    padding: theme.spacing(3, 2),
+    padding: theme.spacing(1, 2),
     marginTop: 'auto',
     backgroundColor:
       theme.palette.mode === 'light' ? theme.palette.grey[100] : '#1E3526'
@@ -40,7 +40,7 @@ export default function Footer() {
       <Root>
         <CGUDialog open={open} setOpen={setOpen} />
         <footer id='cgu' className={classes.footer}>
-          <Box sx={{display: 'flex', justifyContent: isMobile ? 'center' : 'space-between', alignItems: 'center', flexDirection: isMobile ? 'column-reverse' : ''}}>
+          <Container sx={{display: 'flex', justifyContent: isMobile ? 'center' : 'space-between', alignItems: 'center', flexDirection: isMobile ? 'column-reverse' : ''}}>
             <Box sx={{textAlign: isMobile ? 'center' : '', marginTop: isMobile ? '1em' : ''}}>
               <Typography className={classes.text} align='center' variant='body1'>
                 <Link href='#cgu' onClick={() => setOpen(true)}>
@@ -51,7 +51,7 @@ export default function Footer() {
             <Box sx={{display: 'flex', justifyContent: 'center'}}>
               {rezoLis.map(rezo => <Rezo key={rezo.tit} rezo={rezo} />)}
             </Box>
-          </Box>
+          </Container>
         </footer>
       </Root>
     )