fix(recipes): agrandit l'icône réglages, aligne les cases à cocher à gauche

- .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 <noreply@anthropic.com>
This commit is contained in:
Nicolas 2026-08-18 13:47:52 +02:00
parent 8d1c763add
commit 655c10ad95

View file

@ -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) `<input>` and before the
// text in markup, so undoing the auto margin alone puts it there.
.check-mark {
margin-left: 0;
}
}
}