Une case à cocher n'est pas un champ de saisie

Le formulaire de création de canal montrait sa case au milieu de la ligne et
son libellé collé au bord opposé. On croyait à un alignement raté dans cet
écran-là ; c'était la feuille de style, et les neuf cases de l'application le
subissaient depuis toujours.

La règle générique donne « width: 100% » à tout ce qui est « input ». C'est
juste pour un champ de texte et absurde pour une case : elle s'étirait sur
toute la largeur disponible — 1127 pixels, mesurés sur la page — son glyphe se
dessinait au centre de cette boîte, et le libellé était repoussé à droite. La
ligne 377 contournait déjà le même défaut pour les curseurs de rembobinage,
localement : le symptôme avait été traité une fois, la cause jamais.

Les cases et les boutons radio reprennent donc leur largeur propre. Et
« flex: none » avec, sans quoi une case dans une ligne flex se laisse comprimer
par un libellé long jusqu'à devenir un trait.

Mesuré plutôt que constaté
  Sur la page servie, une case passe de 1127 à 13 pixels, se pose au bord
  gauche de son libellé, et leurs centres s'alignent. Vérifié après
  reconstruction du paquet, pas seulement en injectant la règle. Les boutons
  radio suivent. 938 garanties, aucune en échec.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>