From 5c9ffb84e8f12e8e243992db1eeda082ab738cf2 Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Thu, 3 Sep 2026 13:41:16 +0200
Subject: [PATCH] Filtri classifica giocatori tutti su una riga senza scroll
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Rinomina "Cacche/partita" in "Cacche" e passa i pill da flex-wrap a
flex-nowrap con flex-1/truncate, così entrano tutti su una riga sola
senza andare a capo né richiedere swipe orizzontale.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/routes/squadra.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/squadra.tsx b/src/routes/squadra.tsx
index 19e4192..d4e8260 100644
--- a/src/routes/squadra.tsx
+++ b/src/routes/squadra.tsx
@@ -64,7 +64,7 @@ const criteri = [
   { id: "mediaVoto", label: "Media voto" },
   { id: "mvp", label: "MVP" },
   { id: "palloni", label: "Palloni" },
-  { id: "cacchePartita", label: "Cacche/partita" },
+  { id: "cacchePartita", label: "Cacche" },
 ] as const;
 
 type Criterio = (typeof criteri)[number]["id"];
@@ -264,14 +264,14 @@ function Squadra() {
       </Section>
 
       <Section titolo="Classifica giocatori">
-        <div className="mb-3 flex flex-wrap gap-2">
+        <div className="mb-3 flex flex-nowrap gap-1.5">
           {criteri.map((c) => (
             <button
               key={c.id}
               type="button"
               onClick={() => setCriterio(c.id)}
               className={cn(
-                "rounded-full px-3 py-1.5 text-xs font-bold uppercase transition-colors",
+                "min-w-0 flex-1 truncate rounded-full px-1.5 py-1.5 text-center text-[10px] font-bold uppercase transition-colors",
                 criterio === c.id
                   ? "bg-accent text-accent-foreground shadow-pop"
                   : "bg-secondary text-muted-foreground",