From 24861d25b22f17586ae7b94f9064df72e7e82437 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 30 Sep 2025 13:13:17 +0000
Subject: [PATCH] Fix: Center badge text

---
 src/pages/Designers.tsx     | 2 +-
 src/pages/Manufacturers.tsx | 2 +-
 src/pages/Operators.tsx     | 4 ++--
 src/pages/ParkOwners.tsx    | 4 ++--
 src/pages/Parks.tsx         | 6 +++---
 src/pages/Rides.tsx         | 4 ++--
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/pages/Designers.tsx b/src/pages/Designers.tsx
index dade2dc1..0837ac5c 100644
--- a/src/pages/Designers.tsx
+++ b/src/pages/Designers.tsx
@@ -116,7 +116,7 @@ export default function Designers() {
           
           <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">
                 {filteredCompanies.length} designers
               </Badge>
             </div>
diff --git a/src/pages/Manufacturers.tsx b/src/pages/Manufacturers.tsx
index 546d7f3a..a23a8e23 100644
--- a/src/pages/Manufacturers.tsx
+++ b/src/pages/Manufacturers.tsx
@@ -135,7 +135,7 @@ export default function Manufacturers() {
           
           <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">
                 {filteredCompanies.length} manufacturers
               </Badge>
             </div>
diff --git a/src/pages/Operators.tsx b/src/pages/Operators.tsx
index 955c9063..c164ad15 100644
--- a/src/pages/Operators.tsx
+++ b/src/pages/Operators.tsx
@@ -138,11 +138,11 @@ const Operators = () => {
           
           <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">
                 {filteredAndSortedOperators?.length || 0} operators
               </Badge>
               {searchTerm && (
-                <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">
                   Searching: "{searchTerm}"
                 </Badge>
               )}
diff --git a/src/pages/ParkOwners.tsx b/src/pages/ParkOwners.tsx
index 8253492a..1788c876 100644
--- a/src/pages/ParkOwners.tsx
+++ b/src/pages/ParkOwners.tsx
@@ -138,11 +138,11 @@ const ParkOwners = () => {
           
           <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">
                 {filteredAndSortedOwners?.length || 0} property owners
               </Badge>
               {searchTerm && (
-                <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">
                   Searching: "{searchTerm}"
                 </Badge>
               )}
diff --git a/src/pages/Parks.tsx b/src/pages/Parks.tsx
index 3a29b4c9..aa28d5bb 100644
--- a/src/pages/Parks.tsx
+++ b/src/pages/Parks.tsx
@@ -351,13 +351,13 @@ export default function Parks() {
           
           <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">
                 {filteredAndSortedParks.length} parks
               </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">
                 {parks.reduce((sum, park) => sum + (park.ride_count || 0), 0)} total rides
               </Badge>
-              <Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5 hidden xs:inline-flex sm:inline-flex">
+              <Badge variant="outline" className="flex items-center justify-center text-xs sm:text-sm px-2 py-0.5 whitespace-nowrap hidden xs:inline-flex sm:inline-flex">
                 {parks.reduce((sum, park) => sum + (park.coaster_count || 0), 0)} coasters
               </Badge>
             </div>
diff --git a/src/pages/Rides.tsx b/src/pages/Rides.tsx
index 3483e306..2bd2740f 100644
--- a/src/pages/Rides.tsx
+++ b/src/pages/Rides.tsx
@@ -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>