Fix display

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)
     }
   }
 }))

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'
   }

components/teks/denye-teks.js

@@ -12,7 +12,7 @@ const classes = {
 
 const Root = styled('div')(() => ({
   [`&.${classes.container}`]: {
-    marginTop: '6em'
+    marginTop: '4.5em'
   }
 }))
 

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(', ')}

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}>
+          <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>
-          </Container>
         </Box>
         <Footer />
       </Box>