Fix components position

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

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'

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>

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>

components/teks/denye-teks.js

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

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

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'