From cd293467ef7db7f6a0f704f1f5fc45e2ef4a44c7 Mon Sep 17 00:00:00 2001
From: Max S <maxime.sallerin@smart-chain.fr>
Date: Tue, 16 Jul 2024 17:19:09 +0200
Subject: [PATCH] fix padding table and width first child cell

---
 .../DesignSystem/Table/MuiTable/classes.module.scss |  2 +-
 .../DesignSystem/Table/MuiTable/index.tsx           |  5 +++--
 src/front/Components/Layouts/Folder/index.tsx       | 13 +++++--------
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss b/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss
index cdc48752..472bb094 100644
--- a/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss
+++ b/src/front/Components/DesignSystem/Table/MuiTable/classes.module.scss
@@ -29,7 +29,7 @@
 			word-break: break-word;
 
 			> :first-child {
-				width: 100%;
+				width: 80%;
 			}
 		}
 
diff --git a/src/front/Components/DesignSystem/Table/MuiTable/index.tsx b/src/front/Components/DesignSystem/Table/MuiTable/index.tsx
index c8d6295f..d9704e3b 100644
--- a/src/front/Components/DesignSystem/Table/MuiTable/index.tsx
+++ b/src/front/Components/DesignSystem/Table/MuiTable/index.tsx
@@ -53,10 +53,11 @@ export default function MuiTable(props: IProps) {
 		<InfiniteScroll orientation="vertical" onNext={props.onNext} offset={0}>
 			<TableContainer className={classes["root"]} sx={{ maxHeight: "80vh", overflowY: "auto", overflowX: "hidden" }}>
 				<Table aria-label="simple table" sx={{ border: "0" }}>
-					<TableHead sx={{ position: "sticky", top: "0", borderBottom: "1px solid var(--color-neutral-200)" }}>
+					<TableHead
+						sx={{ position: "sticky", top: "0", borderBottom: "1px solid var(--color-neutral-200)" }}>
 						<TableRow>
 							{props.header.map((column) => (
-								<TableCell key={column.key} align={"left"} sx={{ border: 0 }}>
+								<TableCell key={column.key} align={"left"} sx={{ border: 0, padding: "4px 8px" }}>
 									{column.title && (
 										<span className={classes["head"]}>
 											<Typography
diff --git a/src/front/Components/Layouts/Folder/index.tsx b/src/front/Components/Layouts/Folder/index.tsx
index 485bf6af..4e12f8c4 100644
--- a/src/front/Components/Layouts/Folder/index.tsx
+++ b/src/front/Components/Layouts/Folder/index.tsx
@@ -9,6 +9,7 @@ import Button, { EButtonSize, EButtonStyleType, EButtonVariant } from "@Front/Co
 import Tag, { ETagColor, ETagVariant } from "@Front/Components/DesignSystem/Tag";
 import CircleProgress from "@Front/Components/DesignSystem/CircleProgress";
 import Table from "@Front/Components/DesignSystem/Table";
+import { EnvelopeIcon } from "@heroicons/react/20/solid";
 
 type IProps = {};
 type IState = {
@@ -74,8 +75,8 @@ export default class Folder extends BasePage<IProps, IState> {
 									name: "Doe",
 									firstname: "John",
 									button: (
-										<Button size={EButtonSize.SM} variant={EButtonVariant.PRIMARY}>
-											Primary
+										<Button size={EButtonSize.SM} variant={EButtonVariant.PRIMARY} >
+											Send email
 										</Button>
 									),
 								},
@@ -83,17 +84,13 @@ export default class Folder extends BasePage<IProps, IState> {
 									key: "2",
 									name: "Doe",
 									firstname: "Jane",
-									button: <Tag color={ETagColor.SUCCESS} variant={ETagVariant.SEMI_BOLD} label="Info" />,
+									button: <Tag color={ETagColor.SUCCESS} variant={ETagVariant.SEMI_BOLD} label="Actif" />,
 								},
 								{
 									key: "3",
 									name: "Doe",
 									firstname: "Jack",
-									button: (
-										<Button size={EButtonSize.SM} variant={EButtonVariant.NEUTRAL}>
-											Neutral
-										</Button>
-									),
+									button: <Tag color={ETagColor.ERROR} variant={ETagVariant.SEMI_BOLD} label="Inactif" />,
 								},
 							]}
 						/>