From a843d7d76e18b199534dc5c0772f18eb1b70e31f Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Wed, 19 Apr 2023 15:00:22 +0200
Subject: [PATCH] feature: add a left padding in cells

---
 front/src/components/table/ClickableCell.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/front/src/components/table/ClickableCell.tsx b/front/src/components/table/ClickableCell.tsx
index a1ecb43af..fdae76a33 100644
--- a/front/src/components/table/ClickableCell.tsx
+++ b/front/src/components/table/ClickableCell.tsx
@@ -1,3 +1,4 @@
+import styled from '@emotion/styled';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
 
@@ -6,8 +7,16 @@ type OwnProps = {
   children?: React.ReactNode;
 };
 
+const Container = styled.span`
+  margin-left: 4px;
+`;
+
 function ClickableCell({ href, children }: OwnProps) {
-  return <Link to={href}>{children}</Link>;
+  return (
+    <Link to={href}>
+      <Container>{children}</Container>
+    </Link>
+  );
 }
 
 export default ClickableCell;