diff --git a/frontend/components/round-detail.tsx b/frontend/components/round-detail.tsx index 9463c14..babb088 100644 --- a/frontend/components/round-detail.tsx +++ b/frontend/components/round-detail.tsx @@ -6865,7 +6865,15 @@ function ChoiceRow({ return (
{label} -
+ {/* Fast 3-kolonners rutenett (2026-08-11, brukertilbakemelding) -- + IKKE flex-wrap lenger. flex-wrap+flex-1 pakket knappene så tett + content-bredden tillot (5 knapper på rad 1, 1 alene på rad 2 for + "Avstand første putt" sine seks alternativer) i stedet for en + forutsigbar, jevn oppstilling. Alle fire andre ChoiceRow-bruken + i denne filen har nøyaktig 3 valg hver, så dette er visuelt + identisk for dem (én rad à tre) -- kun 6-alternativs-tilfellet + endrer seg (2 rader à tre, i stedet for 5+1). */} +
{options.map((opt) => { const selected = value === opt.value return ( @@ -6876,7 +6884,7 @@ function ChoiceRow({ onClick={() => onChange(opt.value)} aria-pressed={selected} className={cn( - "flex min-h-12 flex-1 items-center justify-center rounded-2xl border px-4 text-base font-bold transition-colors disabled:opacity-100", + "flex min-h-12 items-center justify-center rounded-2xl border px-2 text-base font-bold transition-colors disabled:opacity-100", selected ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-foreground hover:bg-accent/50", readOnly && !selected && "opacity-40", )}