From 0097ac825448920e141d15a330aaa8e3b6b09675 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Sat, 22 Jan 2022 13:42:09 +0400
Subject: [PATCH] Fix display

---
 components/awtis/pajinasyon.js |  2 +-
 components/switch-theme.js     |  4 ++--
 components/teks/denye-teks.js  |  2 +-
 components/teks/teks-drawer.js |  8 ++++----
 pages/index.js                 | 14 ++++++--------
 5 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/components/awtis/pajinasyon.js b/components/awtis/pajinasyon.js
index c9b64f1..7ebf342 100644
--- a/components/awtis/pajinasyon.js
+++ b/components/awtis/pajinasyon.js
@@ -18,7 +18,7 @@ const StyledGrid = styled(Grid)((
   [`& .${classes.root}`]: {
     '& > *': {
       marginBottom: theme.spacing(2),
-      marginTop: theme.spacing(4)
+      marginTop: theme.spacing(2)
     }
   }
 }))
diff --git a/components/switch-theme.js b/components/switch-theme.js
index 14a4df1..54213f6 100644
--- a/components/switch-theme.js
+++ b/components/switch-theme.js
@@ -17,14 +17,14 @@ const StyledBox = styled(Box)({
   [`& .${classes.switch}`]: {
     position: 'absolute',
     right: '1em',
-    top: '100px',
+    top: '60px',
     zIndex: 1,
     cursor: 'pointer'
   },
   [`& .${classes.switchFixed}`]: {
     position: 'fixed',
     right: '1em',
-    top: '90px',
+    top: '70px',
     zIndex: 9990,
     cursor: 'pointer'
   }
diff --git a/components/teks/denye-teks.js b/components/teks/denye-teks.js
index 7c4e107..5618a86 100644
--- a/components/teks/denye-teks.js
+++ b/components/teks/denye-teks.js
@@ -12,7 +12,7 @@ const classes = {
 
 const Root = styled('div')(() => ({
   [`&.${classes.container}`]: {
-    marginTop: '6em'
+    marginTop: '4.5em'
   }
 }))
 
diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 617399f..455fa9d 100644
--- a/components/teks/teks-drawer.js
+++ b/components/teks/teks-drawer.js
@@ -79,7 +79,7 @@ const Root = styled('div')((
 
   [`& .${classes.appBar}`]: {
     borderTop: '2px solid #303030',
-    marginTop: '4.50rem',
+    marginTop: '3.10rem',
     [theme.breakpoints.up('sm')]: {
       width: `calc(100% - ${drawerWidth}px)`,
       marginLeft: drawerWidth
@@ -97,7 +97,7 @@ const Root = styled('div')((
 
   [`& .${classes.drawerPaper}`]: {
     borderTop: '2px solid #303030',
-    marginTop: '4.50rem',
+    marginTop: '3.10rem',
     width: drawerWidth
   },
 
@@ -149,7 +149,7 @@ const Root = styled('div')((
 
   [`& .${classes.pataje}`]: {
     position: 'fixed',
-    top: '83px',
+    top: '61px',
     left: '110px',
     zIndex: 2,
     [theme.breakpoints.up('sm')]: {
@@ -317,7 +317,7 @@ export default function TeksDrawer({teks, anTeks, komante}) {
             <div className={classes.pataje}>
               <Pataje teks={anTeks} setError={setError} setSuccess={setSuccess} />
             </div>
-            <Box sx={{textAlign: 'center', marginTop: 11}}>
+            <Box sx={{textAlign: 'center', marginTop: 8}}>
               <Typography style={{marginTop: '0.8em'}} variant='h4' display='block'>
                 <Typography gutterBottom variant='h6'>
                   {anTeks.awtis.map(a => a.alias).join(', ')}
diff --git a/pages/index.js b/pages/index.js
index a3c81b1..d157a46 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -8,14 +8,14 @@ import {jwennTeksKantite, jwennAwtisKantite} from '../lib/oki-api'
 
 export default function Home({kantiteAwtis, kantiteTeks}) {
   const kantite = [
-    {id: 1, tit: 'Tèks', soutit: 'Texte', kantite: kantiteTeks, route: '/teks'},
-    {id: 2, tit: 'Awtis', soutit: 'Artiste', kantite: kantiteAwtis, route: '/awtis?paj&paj=1'}
+    {id: 1, tit: 'Textes', kantite: kantiteTeks, route: '/teks'},
+    {id: 2, tit: 'Artistes', kantite: kantiteAwtis, route: '/awtis?paj&paj=1'}
   ]
 
   return (
     <HeadLayout tab={0}>
       <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
-        <Box sx={{flexGrow: 1, marginTop: 6}}>
+        <Box sx={{flexGrow: 1, marginTop: 1}}>
           <Container align='center'>
             <Typography variant='h6' component='h1'>
               #OKi
@@ -24,11 +24,9 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
               Organisation KA Internationale
             </Typography>
           </Container>
-          <Container style={{marginBlock: '1em'}}>
-            <Grid container spacing={3}>
-              {kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)}
-            </Grid>
-          </Container>
+          <Grid container sx={{flexGrow: 1}} justifyContent='center' spacing={3}>
+            {kantite.map(k => <KatKayLa key={k.id} tit={k.tit} soutit={k.soutit} kantite={k.kantite} route={k.route} />)}
+          </Grid>
         </Box>
         <Footer />
       </Box>