Fix: Center badge text

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 13:13:17 +00:00
parent f78c60ef01
commit 24861d25b2
6 changed files with 11 additions and 11 deletions

View File

@@ -185,10 +185,10 @@ export default function Rides() {
<div className="flex items-center justify-between">
<div className="flex flex-wrap items-center gap-1.5 sm:gap-2">
<Badge variant="secondary" className="text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1">
<Badge variant="secondary" className="flex items-center justify-center text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1 whitespace-nowrap">
{filteredRides.length} rides
</Badge>
<Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5">
<Badge variant="outline" className="flex items-center justify-center text-xs sm:text-sm px-2 py-0.5 whitespace-nowrap">
{rides.filter(r => r.category === 'roller_coaster').length} coasters
</Badge>
</div>