From 6bb4b62e4db05a17d3522b13aa3d99ac40af0d14 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Tue, 13 Jan 2026 09:05:28 +0100
Subject: [PATCH] Add margin

---
 src/components/manageMember/ManageMember.jsx                | 2 +-
 .../manageMember/deleteMember/deleteMemberBtn.jsx           | 6 +++---
 src/components/manageMember/manageMember.module.css         | 4 ++++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/manageMember/ManageMember.jsx b/src/components/manageMember/ManageMember.jsx
index 33d73ca..0f9e4a9 100644
--- a/src/components/manageMember/ManageMember.jsx
+++ b/src/components/manageMember/ManageMember.jsx
@@ -19,7 +19,7 @@ export default function ManageMember({ user }) {
 
             <div className={styles.manageSection}>
                 <h3>Supprimer le compte</h3>
-                <DeleteMemberBtn name={user.name} id={user.id} />
+                <DeleteMemberBtn name={user.name} id={user.id} className={styles.manageBlockContent} />
             </div>
         </Modal>
     </>
diff --git a/src/components/manageMember/deleteMember/deleteMemberBtn.jsx b/src/components/manageMember/deleteMember/deleteMemberBtn.jsx
index 26561a2..aa686aa 100644
--- a/src/components/manageMember/deleteMember/deleteMemberBtn.jsx
+++ b/src/components/manageMember/deleteMember/deleteMemberBtn.jsx
@@ -4,7 +4,7 @@ import { useState } from "react";
 import deleteUser from "../../../utils/users/deleteUser.js"
 import { useNavigate } from "react-router";
 
-export default function DeleteMemberBtn({ name, id }) {
+export default function DeleteMemberBtn({ name, id, ...props }) {
 
     const [open, setOpen] = useState(false);
     const navigate = useNavigate();
@@ -18,7 +18,7 @@ export default function DeleteMemberBtn({ name, id }) {
         }
     }
 
-    return <>
+    return <div {...props}>
         <Button variant={"danger"} onClick={() => setOpen(true)}>Supprimer</Button>
 
         <Modal open={open} onClose={() => setOpen(false)} title={"Supprimer"}>
@@ -27,5 +27,5 @@ export default function DeleteMemberBtn({ name, id }) {
                 <Button variant={"danger"} onClick={delMember}>Supprimer</Button>
             </div>
         </Modal>
-    </>
+    </div>
 }
\ No newline at end of file
diff --git a/src/components/manageMember/manageMember.module.css b/src/components/manageMember/manageMember.module.css
index 9fb20df..ca9639d 100644
--- a/src/components/manageMember/manageMember.module.css
+++ b/src/components/manageMember/manageMember.module.css
@@ -12,4 +12,8 @@
     flex-direction: column;
     gap: 8px;
     margin: 1.5em;
+}
+
+.manageBlockContent {
+    margin: 0.5em;
 }
\ No newline at end of file