chore: Spacing

components/BackHome.js

@@ -3,7 +3,7 @@ import { Button, Text, Flex } from "@chakra-ui/react";
 
 function BackHome() {
   return (
-    <Flex px="1rem" justify="center" align="center">
+    <Flex mx="1rem" justify="center" align="center">
       <Link href={`/`}>
         <Button
           as="a"

components/NavLinks.js

@@ -5,7 +5,7 @@ function NavLinks({ prev, next }) {
   let prevText = next == 2 ? "Dernière" : "Précédente";
   let nextText = next != 1 ? "Suivante" : "Retour au début";
   return (
-    <Center p="6" justify="space-between">
+    <Center m="6" justify="space-between">
       <Link href={"/photos/" + prev}>
         <Button
           borderRadius="full"

pages/index.js

@@ -49,7 +49,7 @@ export default function Home({ data, placeholders }) {
               Philippe Bureau - Galerie Photo
             </Text>
           </Container>
-          <Wrap px="1rem" spacing={"10px"} justify="center">
+          <Wrap px="1rem" spacing={"10px"} mb={1} justify="center">
             {photos.map((photo) => (
               <WrapItem
                 key={"wrap-" + photo.id}

pages/photos/[id].js

@@ -87,8 +87,6 @@ export default function Photos({ photo, placeholder }) {
           />
         </Link>
       </Center>
-
-      <Divider my="1rem" />
       <NavLinks prev={photo.prev} next={photo.next} />
     </Box>
   );