From 382181736886937a4e3bcc4db1aa9f825d6104c5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Sat, 20 Aug 2022 22:33:32 +0400
Subject: [PATCH] Reorganize oki links

---
 pages/index.js | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/pages/index.js b/pages/index.js
index 33f964d..58bb57e 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -8,6 +8,7 @@ import Grid from '@mui/material/Grid'
 import Button from '@mui/material/Button'
 import ArrowCircleDownIcon from '@mui/icons-material/ArrowCircleDown'
 import OpenInNewIcon from '@mui/icons-material/OpenInNew'
+import FormHelperText from '@mui/material/FormHelperText'
 
 import HeadLayout from '../components/head-layout'
 import Footer from '../components/footer'
@@ -69,17 +70,21 @@ export default function Home({errorCode, errorMessage, stats}) {
               Paroles, traductions et Fédiverse
             </Typography>
           </Container>
-          <Container align='center'>
-            <Box sx={{marginBottom: 2}}>
-              <Button size='small' variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://asso.oki.re/public/members/new.php', '_blank')}>
-                <strong>Adhésion ➡️ asso.oki.re</strong>
-              </Button>
-            </Box>
-            <Box>
-              <Button size='small' variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://o-k-i.net', '_blank')}>
-                <strong>Fédiverse ➡️ o-k-i.net</strong>
-              </Button>
-            </Box>
+          <Container>
+            <Grid container justifyContent='center' spacing={2}>
+              <Grid item>
+                <Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://asso.oki.re/public/members/new.php', '_blank')}>
+                  <strong>Adhésion</strong>
+                </Button>
+                <FormHelperText sx={{textAlign: 'center', fontStyle: 'italic'}}>asso.oki.re</FormHelperText>
+              </Grid>
+              <Grid item>
+                <Button variant='outlined' endIcon={<OpenInNewIcon />} onClick={() => window.open('https://o-k-i.net', '_blank')}>
+                  <strong>Fédiverse</strong>
+                </Button>
+                <FormHelperText sx={{textAlign: 'center', fontStyle: 'italic'}}>o-k-i.net</FormHelperText>
+              </Grid>
+            </Grid>
           </Container>
         </Box>
         <Container sx={{flexGrow: 100}}>