Add 'Gadé' link & move 'Adhérer'

pages/index.js

@@ -5,6 +5,7 @@ import {Button, Container, Grid, Typography, useMediaQuery, Link} from '@materia
 import HelpIcon from '@material-ui/icons/Help'
 import ChatIcon from '@material-ui/icons/Chat'
 import GroupAddIcon from '@material-ui/icons/GroupAdd'
+import OndemandVideoIcon from '@material-ui/icons/OndemandVideo'
 
 import KatKayLa from '../components/kat-kay-la'
 import HeadLayout from '../components/head-layout'
@@ -38,22 +39,8 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
         </Typography>
       </Container>
       <Container style={{marginTop: '1.5em'}} align='center'>
-        <Grid container spacing={3}>
-          <Grid item xs={12} md={4}>
-            <Link href='https://pale.o-k-i.net'>
-              <Button
-                startIcon={<ChatIcon size='large' style={{fontSize: 40}} />}
-                size='small'
-                variant='contained'
-                color='primary'
-              >
-                <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
-                  Palé
-                </Typography>
-              </Button>
-            </Link>
-          </Grid>
-          <Grid item xs={12} md={4}>
+        <Grid container spacing={2}>
+          <Grid item xs={12} md={3}>
             <Link href='https://www.helloasso.com/associations/organisation-ka-internationale/adhesions/adhesion-oki'>
               <Button
                 startIcon={<GroupAddIcon size='large' style={{fontSize: 40}} />}
@@ -67,7 +54,35 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
               </Button>
             </Link>
           </Grid>
-          <Grid item xs={12} md={4}>
+          <Grid item xs={12} md={3}>
+            <Link href='https://pale.o-k-i.net'>
+              <Button
+                startIcon={<ChatIcon size='large' style={{fontSize: 40}} />}
+                size='small'
+                variant='contained'
+                color='primary'
+              >
+                <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                  Palé
+                </Typography>
+              </Button>
+            </Link>
+          </Grid>
+          <Grid item xs={12} md={3}>
+            <Link href='https://gade.o-k-i.net'>
+              <Button
+                startIcon={<OndemandVideoIcon size='large' style={{fontSize: 40}} />}
+                size='small'
+                variant='contained'
+                color='primary'
+              >
+                <Typography style={{fontSize: '2em'}} variant='subtitle1' component='span'>
+                  Gadé
+                </Typography>
+              </Button>
+            </Link>
+          </Grid>
+          <Grid item xs={12} md={3}>
             <Button
               startIcon={<HelpIcon size='large' style={{fontSize: 40}} />}
               size='small'