Fix back to awtis button

components/awtis/awtis-detay.js

@@ -43,19 +43,14 @@ export default function AwtisDetay({anAwtis}) {
           {alias}
         </Typography>
       </Box>
-      <Box sx={{justifyContent: 'center', display: 'flex'}}>
+      <Box sx={{justifyContent: 'center', display: 'flex', marginBottom: 2}}>
         <Avatar
           src={`${API_URL}${foto[0].url}`}
           alt={`Photo ${alias}`}
           sx={{width: 200, height: 200, border: `2px solid ${green[500]}`}}
         />
       </Box>
-      <Box sx={{textAlign: 'center', marginTop: 2}} >
+      <Grid container direction='column' justifyContent='center' alignItems='center' spacing={3}>
-        <Button variant='outlined' startIcon={<KeyboardBackspaceIcon />} onClick={handleBack}>
-          Listes des artistes
-        </Button>
-      </Box>
-      <Grid container direction='column' justifyContent='center' alignItems='center' spacing={3} sx={{marginTop: 2}}>
         {biyo && (
           <Grid item xs={12} md={6}>
             <Card sx={{minWidth: 300}}>
@@ -73,7 +68,7 @@ export default function AwtisDetay({anAwtis}) {
           </Grid>
         )}
         <Grid item xs={12} md={6}>
-          <Box marginBottom={5}>
+          <Box marginBottom={3}>
             {teks.length > 1 ? (
               <Accordion>
                 <AccordionSummary
@@ -99,6 +94,11 @@ export default function AwtisDetay({anAwtis}) {
           </Box>
         </Grid>
       </Grid>
+      <Box sx={{textAlign: 'center', marginBottom: 2}} >
+        <Button variant='outlined' startIcon={<KeyboardBackspaceIcon />} onClick={handleBack}>
+          Retour aux artistes
+        </Button>
+      </Box>
       {esByografiOuve && (
         <AwtisBiyografi
           alias={alias}