From 88fadd1d61fbe2bbfd5fa9ca6a398f1519e776a6 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Mon, 19 Aug 2024 17:53:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20add=20margin=20to=20th?=
 =?UTF-8?q?e=20close=20Dialog=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

When hovered, button's borders were touching the Dialog borders,
which did feel great.
---
 src/frontend/src/primitives/menuItemRecipe.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/primitives/menuItemRecipe.ts b/src/frontend/src/primitives/menuItemRecipe.ts
index ad69a9cb..b96fa2e5 100644
--- a/src/frontend/src/primitives/menuItemRecipe.ts
+++ b/src/frontend/src/primitives/menuItemRecipe.ts
@@ -8,8 +8,9 @@ import { cva } from '@/styled-system/css'
  */
 export const menuItemRecipe = cva({
   base: {
-    paddingY: '0.4rem',
+    paddingY: 0.125,
     paddingX: 0.5,
+    paddingLeft: 1.5,
     textAlign: 'left',
     width: 'full',
     borderRadius: 4,
@@ -42,6 +43,8 @@ export const menuItemRecipe = cva({
         display: 'flex',
         alignItems: 'center',
         gap: '1rem',
+        paddingY: '0.4rem',
+        paddingLeft: 0.5,
       },
     },
   },