Move teks titre

components/teks/teks-drawer.js

@@ -45,7 +45,6 @@ const useStyles = makeStyles(theme => ({
     }
   },
   menuButton: {
-    marginRight: theme.spacing(2),
     [theme.breakpoints.up('sm')]: {
       display: 'none'
     }
@@ -69,9 +68,6 @@ const useStyles = makeStyles(theme => ({
   text: {
     marginBottom: '0.5em'
   },
-  button: {
-    marginRight: '0.5em'
-  },
   gridText: {
     border: '1px dashed grey',
     borderRadius: '5px',
@@ -136,9 +132,6 @@ export default function TeksDrawer({miziks, mizik}) {
                   <KeyboardBackspaceIcon style={{fontSize: '1.5em'}} />
                 </IconButton>
               </Link>
-              <Typography noWrap variant='h6'>
-                {teks.titre}
-              </Typography>
               {teks.liens && teks.liens.length > 0 && (
                 <div className={classes.vwe}>
                   <VweKouteAchte isVideo teks={teks} />
@@ -189,6 +182,10 @@ export default function TeksDrawer({miziks, mizik}) {
       </nav>
       <main className={classes.content}>
         {teks ? (
+          <>
+            <Typography noWrap align='center' style={{marginTop: '1em'}} variant='h6'>
+              {teks.titre}
+            </Typography>
             <Grid container className={classes.grid} spacing={3}>
               <Grid item md className={classes.gridText}>
                 <Typography align='center' className={classes.text} variant='h4'>
@@ -209,6 +206,7 @@ export default function TeksDrawer({miziks, mizik}) {
                 </Grid>
               )}
             </Grid>
+          </>
         ) : (
           <DenyeTeks {...miziks} />
         )}