From 655c10ad9503399038950fed7e135b6cf8546fc7 Mon Sep 17 00:00:00 2001 From: Nicolas Date: Tue, 18 Aug 2026 13:47:52 +0200 Subject: [PATCH] =?UTF-8?q?fix(recipes):=20agrandit=20l'ic=C3=B4ne=20r?= =?UTF-8?q?=C3=A9glages,=20aligne=20les=20cases=20=C3=A0=20cocher=20=C3=A0?= =?UTF-8?q?=20gauche?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - .ingredient-picker__display-toggle svg : 1.1rem -> 1.5rem, trop petite dans son bouton 2.25rem. - .ingredient-picker__display-menu : neutralise le margin-left: auto du check-mark app-wide (global.scss, pensé pour une grille de chips avec coche en bout de ligne) pour ce menu vertical de préférences — coche à gauche, libellé à droite, plus classique pour ce type de menu. Co-Authored-By: Claude Sonnet 5 --- apps/web/src/features/recipes/recipes.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/apps/web/src/features/recipes/recipes.scss b/apps/web/src/features/recipes/recipes.scss index e87b36e..9b70281 100644 --- a/apps/web/src/features/recipes/recipes.scss +++ b/apps/web/src/features/recipes/recipes.scss @@ -749,8 +749,8 @@ color: var(--color-text-muted); svg { - width: 1.1rem; - height: 1.1rem; + width: 1.5rem; + height: 1.5rem; } &:hover { @@ -786,6 +786,16 @@ label { font-size: var(--font-size-sm); white-space: nowrap; + + // The global rule trails the checkmark at the far right (`margin-left: + // auto`) — reads well as a selected chip in a grid (AllergySelect), + // but a vertical settings-menu list reads conventionally the other + // way: checkbox leading, label text after it. `.check-mark` already + // sits right after the (visually hidden) `` and before the + // text in markup, so undoing the auto margin alone puts it there. + .check-mark { + margin-left: 0; + } } }