From 1aac247a44a2c82c03601d11a9f3ab528378cd42 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 2 Oct 2025 13:36:31 +0000
Subject: [PATCH] Refactor: Adjust tab bar layout on mobile

---
 src/pages/DesignerDetail.tsx      | 2 +-
 src/pages/ManufacturerDetail.tsx  | 2 +-
 src/pages/OperatorDetail.tsx      | 2 +-
 src/pages/ParkDetail.tsx          | 2 +-
 src/pages/PropertyOwnerDetail.tsx | 2 +-
 src/pages/RideDetail.tsx          | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/DesignerDetail.tsx b/src/pages/DesignerDetail.tsx
index 192eb554..7b3d6d2d 100644
--- a/src/pages/DesignerDetail.tsx
+++ b/src/pages/DesignerDetail.tsx
@@ -212,7 +212,7 @@ export default function DesignerDetail() {
 
         {/* Tabs */}
         <Tabs defaultValue="overview" className="w-full">
-          <TabsList className="grid w-full grid-cols-3">
+          <TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
             <TabsTrigger value="overview">Overview</TabsTrigger>
             <TabsTrigger value="rides">Rides</TabsTrigger>
             <TabsTrigger value="photos">Photos</TabsTrigger>
diff --git a/src/pages/ManufacturerDetail.tsx b/src/pages/ManufacturerDetail.tsx
index b66bf926..227f9c53 100644
--- a/src/pages/ManufacturerDetail.tsx
+++ b/src/pages/ManufacturerDetail.tsx
@@ -214,7 +214,7 @@ export default function ManufacturerDetail() {
 
         {/* Tabs */}
         <Tabs defaultValue="overview" className="w-full">
-          <TabsList className="grid w-full grid-cols-3">
+          <TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
             <TabsTrigger value="overview">Overview</TabsTrigger>
             <TabsTrigger value="rides">Rides</TabsTrigger>
             <TabsTrigger value="photos">Photos</TabsTrigger>
diff --git a/src/pages/OperatorDetail.tsx b/src/pages/OperatorDetail.tsx
index e7fc77b3..5fa09619 100644
--- a/src/pages/OperatorDetail.tsx
+++ b/src/pages/OperatorDetail.tsx
@@ -212,7 +212,7 @@ export default function OperatorDetail() {
 
         {/* Tabs */}
         <Tabs defaultValue="overview" className="w-full">
-          <TabsList className="grid w-full grid-cols-3">
+          <TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
             <TabsTrigger value="overview">Overview</TabsTrigger>
             <TabsTrigger value="parks">Parks</TabsTrigger>
             <TabsTrigger value="photos">Photos</TabsTrigger>
diff --git a/src/pages/ParkDetail.tsx b/src/pages/ParkDetail.tsx
index eb11220a..9216b673 100644
--- a/src/pages/ParkDetail.tsx
+++ b/src/pages/ParkDetail.tsx
@@ -406,7 +406,7 @@ export default function ParkDetail() {
 
         {/* Main Content */}
         <Tabs defaultValue="overview" className="w-full">
-          <TabsList className="grid w-full grid-cols-4">
+          <TabsList className="grid w-full grid-cols-2 md:grid-cols-4">
             <TabsTrigger value="overview">Overview</TabsTrigger>
             <TabsTrigger value="rides">Rides ({rides.length})</TabsTrigger>
             <TabsTrigger value="reviews">Reviews</TabsTrigger>
diff --git a/src/pages/PropertyOwnerDetail.tsx b/src/pages/PropertyOwnerDetail.tsx
index cec037da..5622f75a 100644
--- a/src/pages/PropertyOwnerDetail.tsx
+++ b/src/pages/PropertyOwnerDetail.tsx
@@ -212,7 +212,7 @@ export default function PropertyOwnerDetail() {
 
         {/* Tabs */}
         <Tabs defaultValue="overview" className="w-full">
-          <TabsList className="grid w-full grid-cols-3">
+          <TabsList className="grid w-full grid-cols-2 md:grid-cols-3">
             <TabsTrigger value="overview">Overview</TabsTrigger>
             <TabsTrigger value="parks">Parks</TabsTrigger>
             <TabsTrigger value="photos">Photos</TabsTrigger>
diff --git a/src/pages/RideDetail.tsx b/src/pages/RideDetail.tsx
index c4650fe2..bed27308 100644
--- a/src/pages/RideDetail.tsx
+++ b/src/pages/RideDetail.tsx
@@ -460,7 +460,7 @@ export default function RideDetail() {
 
         {/* Main Content */}
         <Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
-          <TabsList className="grid w-full grid-cols-4">
+          <TabsList className="grid w-full grid-cols-2 md:grid-cols-4">
             <TabsTrigger value="overview">Overview</TabsTrigger>
             <TabsTrigger value="specs">Specifications</TabsTrigger>
             <TabsTrigger value="reviews">Reviews</TabsTrigger>