From db1441fcd29b8ad5f5badd072c2abb99a8c2499d Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Mon, 22 Sep 2025 03:04:48 +0000
Subject: [PATCH] Adjust layout to ensure content containers display properly

Updates the container width in the UI to fix display issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c537be14-ffc2-48de-88ef-2bdd9e6ae15a
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/c537be14-ffc2-48de-88ef-2bdd9e6ae15a/OEYCULv
---
 .replit                                       |  4 --
 ...-1-space-y-1758510246168_1758510246168.txt | 55 +++++++++++++++++++
 2 files changed, 55 insertions(+), 4 deletions(-)
 create mode 100644 attached_assets/Pasted--div-class-flex-gap-8-Left-Column-div-class-flex-1-space-y-1758510246168_1758510246168.txt

diff --git a/.replit b/.replit
index 18433502..21bef7fc 100644
--- a/.replit
+++ b/.replit
@@ -35,10 +35,6 @@ outputType = "webview"
 localPort = 5000
 externalPort = 80
 
-[[ports]]
-localPort = 38953
-externalPort = 3002
-
 [[ports]]
 localPort = 41923
 externalPort = 3000
diff --git a/attached_assets/Pasted--div-class-flex-gap-8-Left-Column-div-class-flex-1-space-y-1758510246168_1758510246168.txt b/attached_assets/Pasted--div-class-flex-gap-8-Left-Column-div-class-flex-1-space-y-1758510246168_1758510246168.txt
new file mode 100644
index 00000000..01fc6ce3
--- /dev/null
+++ b/attached_assets/Pasted--div-class-flex-gap-8-Left-Column-div-class-flex-1-space-y-1758510246168_1758510246168.txt
@@ -0,0 +1,55 @@
+<div class="flex gap-8">
+              <!-- Left Column -->
+              <div class="flex-1 space-y-4 min-w-0">
+                <a href="/parks/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
+                  <i class="fas fa-map-marker-alt w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
+                  <div class="min-w-0 flex-1">
+                    <h3 class="font-medium text-sm mb-1 leading-tight">Parks</h3>
+                    <p class="text-xs text-muted-foreground leading-relaxed">Explore theme parks worldwide</p>
+                  </div>
+                </a>
+
+                <a href="/rides/manufacturers/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
+                  <i class="fas fa-wrench w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
+                  <div class="min-w-0 flex-1">
+                    <h3 class="font-medium text-sm mb-1 leading-tight">Manufacturers</h3>
+                    <p class="text-xs text-muted-foreground leading-relaxed">Ride and attraction manufacturers</p>
+                  </div>
+                </a>
+
+                <a href="/parks/operators/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
+                  <i class="fas fa-users w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
+                  <div class="min-w-0 flex-1">
+                    <h3 class="font-medium text-sm mb-1 leading-tight">Operators</h3>
+                    <p class="text-xs text-muted-foreground leading-relaxed">Theme park operating companies</p>
+                  </div>
+                </a>
+              </div>
+
+              <!-- Right Column -->
+              <div class="flex-1 space-y-4 min-w-0">
+                <a href="/rides/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
+                  <i class="fas fa-rocket w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
+                  <div class="min-w-0 flex-1">
+                    <h3 class="font-medium text-sm mb-1 leading-tight">Rides</h3>
+                    <p class="text-xs text-muted-foreground leading-relaxed">Discover rides and attractions</p>
+                  </div>
+                </a>
+
+                <a href="/rides/designers/" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
+                  <i class="fas fa-drafting-compass w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
+                  <div class="min-w-0 flex-1">
+                    <h3 class="font-medium text-sm mb-1 leading-tight">Designers</h3>
+                    <p class="text-xs text-muted-foreground leading-relaxed">Ride designers and architects</p>
+                  </div>
+                </a>
+
+                <a href="#" class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group" @click="open = false">
+                  <i class="fas fa-trophy w-4 h-4 mt-0.5 text-muted-foreground group-hover:text-foreground flex-shrink-0"></i>
+                  <div class="min-w-0 flex-1">
+                    <h3 class="font-medium text-sm mb-1 leading-tight">Top Lists</h3>
+                    <p class="text-xs text-muted-foreground leading-relaxed">Community rankings and favorites</p>
+                  </div>
+                </a>
+              </div>
+            </div>
\ No newline at end of file