fix: ride count stays right-aligned, wraps within its own box, never drops below park name
All checks were successful
Build and Deploy / Build & Push (push) Successful in 52s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Josh Wright
2026-04-05 15:52:48 -04:00
parent a5b98f93e6
commit b1204c95cb

View File

@@ -234,11 +234,10 @@ function ParkRow({
display: "flex", display: "flex",
alignItems: "center", alignItems: "center",
justifyContent: "space-between", justifyContent: "space-between",
flexWrap: "wrap",
padding: "10px 14px", padding: "10px 14px",
gap: 10, gap: 10,
}}> }}>
<div style={{ minWidth: 0 }}> <div style={{ flex: 1, minWidth: 0 }}>
<div style={{ display: "flex", alignItems: "center", gap: 6 }}> <div style={{ display: "flex", alignItems: "center", gap: 6 }}>
<span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", whiteSpace: "nowrap" }}> <span style={{ fontWeight: 500, fontSize: "0.85rem", lineHeight: 1.2, color: "var(--color-text)", whiteSpace: "nowrap" }}>
{park.name} {park.name}