From 0ff8775cf6fabcad6194a47e2f72ad560a1e0788 Mon Sep 17 00:00:00 2001
From: Nicolas <nicolaslef53@gmail.com>
Date: Wed, 19 Aug 2026 22:40:02 +0200
Subject: [PATCH] =?UTF-8?q?fix(recipes):=20=C3=A9largir=20le=20s=C3=A9lect?=
 =?UTF-8?q?eur=20d'unit=C3=A9=20pour=20les=20labels=20longs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.ingredient-row__unit était encore dimensionné pour l'ancien champ
texte libre (6rem, suffisant pour "g"/"unité") — trop étroit
maintenant que c'est un <select> sur le catalogue, dont le plus long
label ("cuillère à soupe") était tronqué.
---
 apps/web/src/features/recipes/recipes.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/features/recipes/recipes.scss b/apps/web/src/features/recipes/recipes.scss
index b305bc1..a1dd7b3 100644
--- a/apps/web/src/features/recipes/recipes.scss
+++ b/apps/web/src/features/recipes/recipes.scss
@@ -722,8 +722,12 @@
     width: 5rem;
   }
 
+  // Wide enough for the longest catalog label ("cuillère à soupe") not to
+  // clip — was sized for the old free-text input's short values ("g",
+  // "unité"…) before unit became a <select> over the reference catalog
+  // (see IngredientRow.tsx), left too narrow for that one.
   &__unit {
-    width: 6rem;
+    width: 11rem;
   }
 
   &__remove {