From 6047b89eede9eca3537c3064c7ee0e3c5af0c8ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@live.fr>
Date: Fri, 21 Jan 2022 07:56:15 +0400
Subject: [PATCH] Fix components position

---
 components/awtis/pajinasyon.js   | 3 ++-
 components/sesyon/dekoneksyon.js | 1 +
 components/sesyon/koneksyon.js   | 2 +-
 components/soumet/ekri-teks.js   | 2 +-
 components/teks/denye-teks.js    | 2 +-
 components/teks/teks-drawer.js   | 6 +++---
 pages/index.js                   | 2 +-
 7 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/awtis/pajinasyon.js b/components/awtis/pajinasyon.js
index d704d2a..c9b64f1 100644
--- a/components/awtis/pajinasyon.js
+++ b/components/awtis/pajinasyon.js
@@ -17,7 +17,8 @@ const StyledGrid = styled(Grid)((
 ) => ({
   [`& .${classes.root}`]: {
     '& > *': {
-      marginBottom: theme.spacing(2)
+      marginBottom: theme.spacing(2),
+      marginTop: theme.spacing(4)
     }
   }
 }))
diff --git a/components/sesyon/dekoneksyon.js b/components/sesyon/dekoneksyon.js
index e570ce0..e76e571 100644
--- a/components/sesyon/dekoneksyon.js
+++ b/components/sesyon/dekoneksyon.js
@@ -49,6 +49,7 @@ function Dekoneksyon({chimen, tooltipPlacement}) {
           >
             <Fab
               className={classes.dekoneksyon}
+              sx={{position: 'absolute', marginTop: 6}}
               color='secondary'
               aria-label='logout'
               size='small'
diff --git a/components/sesyon/koneksyon.js b/components/sesyon/koneksyon.js
index aa53542..dd5c943 100644
--- a/components/sesyon/koneksyon.js
+++ b/components/sesyon/koneksyon.js
@@ -106,7 +106,7 @@ function Koneksyon({detay, tit, soutit, titGwose, chimen}) {
   return (
     <Container maxWidth='sm'>
       {tit && (
-        <Box sx={{textAlign: 'center'}}>
+        <Box sx={{textAlign: 'center', marginTop: 5}}>
           <Typography display='inline' variant={`h${titGwose}`} component='h1'>
             {tit}
           </Typography>
diff --git a/components/soumet/ekri-teks.js b/components/soumet/ekri-teks.js
index 976969e..4bb932a 100644
--- a/components/soumet/ekri-teks.js
+++ b/components/soumet/ekri-teks.js
@@ -169,7 +169,7 @@ function EkriTeks({session}) {
 
   return (
     <StyledContainer maxWidth='sm'>
-      <Box align='center' marginBottom={2}>
+      <Box sx={{textAlign: 'center', marginBottom: 2, marginTop: 5}}>
         <Typography display='inline' variant='h5' component='h1'>
           Soumèt an tèks
         </Typography>
diff --git a/components/teks/denye-teks.js b/components/teks/denye-teks.js
index 97bb23d..7c4e107 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: '3em'
+    marginTop: '6em'
   }
 }))
 
diff --git a/components/teks/teks-drawer.js b/components/teks/teks-drawer.js
index 6328e4e..4b868a7 100644
--- a/components/teks/teks-drawer.js
+++ b/components/teks/teks-drawer.js
@@ -80,7 +80,7 @@ const Root = styled('div')((
 
   [`& .${classes.appBar}`]: {
     borderTop: '2px solid #303030',
-    marginTop: '4.71rem',
+    marginTop: '4.50rem',
     [theme.breakpoints.up('sm')]: {
       width: `calc(100% - ${drawerWidth}px)`,
       marginLeft: drawerWidth
@@ -98,7 +98,7 @@ const Root = styled('div')((
 
   [`& .${classes.drawerPaper}`]: {
     borderTop: '2px solid #303030',
-    marginTop: '4.71rem',
+    marginTop: '4.50rem',
     width: drawerWidth
   },
 
@@ -319,7 +319,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: 6}}>
+            <Box sx={{textAlign: 'center', marginTop: 9}}>
               <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 a6fabd2..91cc400 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -63,7 +63,7 @@ export default function Home({kantiteAwtis, kantiteTeks}) {
   return (
     <HeadLayout tab={0}>
       <Box sx={{display: 'flex', flexDirection: 'column', minHeight: '100vh'}}>
-        <Box sx={{flexGrow: 1}}>
+        <Box sx={{flexGrow: 1, marginTop: 4}}>
           <Container align='center'>
             <Image
               alt='Logo #OKi'