Recherche mobile : ligne fine au lieu d une zone de 260px

Sur mobile, .toolbar passe en flex-direction column ; la base desktop
« flex: 1 1 260px » de .tb-search (une LARGEUR en rangée) devenait alors une
hauteur de 260px — énorme vide autour du champ, produits repoussés hors du
premier écran. Correction à la source : flex: 0 0 auto dans le bloc mobile.
Recherche 46px, toolbar complète 95px, la grille remonte de ~215px
(vérifié Playwright 390 et 430px).

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

Simon-Pierre Boucher committed 1 mo ago (Aug 26, 2026) parent 0f276e4

1 changed file +3 −1

modified frontend/src/styles.css +3 −1

		`@@ -788,7 +788,9 @@ html.ka-scroll-lock .kaa-btn { display: none !important; }`
788	788
789	789	/* Barre compacte : recherche sur sa ligne, puis N produits · Trier · Filtres */
790	790	.toolbar { top: 56px; flex-direction: column; gap: 0; margin: 20px 0 2px; }
791		− .tb-search { border-bottom: 1px solid var(--line); min-height: 46px; }
	791	+ /* en colonne, la base « flex: 1 1 260px » (largeur desktop) devenait une
	792	+ HAUTEUR de 260px — la recherche reste une ligne fine */
	793	+ .tb-search { flex: 0 0 auto; border-bottom: 1px solid var(--line); min-height: 46px; }
792	794	.tb-row { min-height: 46px; gap: 10px; }
793	795	.tb-count { margin-right: auto; }
794	796	.tb-dot { display: none; }
795	797