fix: park name span flex-shrinks so dot and ride count never get crowded
All checks were successful
Build and Deploy / Build & Push (push) Successful in 55s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 14:29:52 -04:00
parent 732390425f
commit a717e122f0

View File

@@ -230,7 +230,7 @@ function ParkRow({
}}>
<div style={{ minWidth: 0, flex: 1 }}>
<div style={{ display: "flex", alignItems: "center", gap: 6, minWidth: 0 }}>
<span style={{ fontWeight: 500, fontSize: "clamp(0.68rem, 1.1vw, 0.85rem)", lineHeight: 1.2, color: "var(--color-text)" }}>
<span style={{ fontWeight: 500, fontSize: "clamp(0.68rem, 1.1vw, 0.85rem)", lineHeight: 1.2, color: "var(--color-text)", flex: 1, minWidth: 0 }}>
{park.name}
</span>
{rideCounts?.[park.id] !== undefined && (