fix

Modify the max-width of the enhanced header component to 'auto' and 'max-w-4xl' to accommodate wider content and improve responsiveness.

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/oDeWG1n

.replit

@@ -2,7 +2,26 @@ modules = ["bash", "web", "nodejs-20", "python-3.13", "postgresql-16"]
 
 [nix]
 channel = "stable-25_05"
-packages = ["freetype", "gdal", "geos", "gitFull", "lcms2", "libimagequant", "libjpeg", "libtiff", "libwebp", "libxcrypt", "openjpeg", "playwright-driver", "postgresql", "proj", "tcl", "tk", "uv", "zlib"]
+packages = [
+  "freetype",
+  "gdal",
+  "geos",
+  "gitFull",
+  "lcms2",
+  "libimagequant",
+  "libjpeg",
+  "libtiff",
+  "libwebp",
+  "libxcrypt",
+  "openjpeg",
+  "playwright-driver",
+  "postgresql",
+  "proj",
+  "tcl",
+  "tk",
+  "uv",
+  "zlib",
+]
 
 [agent]
 expertMode = true
@@ -25,7 +44,7 @@ author = "agent"
 
 [[workflows.workflow.tasks]]
 task = "shell.exec"
-args = "/home/runner/workspace/.venv/bin/python manage.py runserver 0.0.0.0:5000"
+args = "/home/runner/workspace/.venv/bin/python manage.py tailwind runserver 0.0.0.0:5000"
 waitForPort = 5000
 
 [workflows.workflow.metadata]
@@ -43,7 +62,16 @@ externalPort = 3000
 localPort = 45245
 externalPort = 3001
 
+[[ports]]
+localPort = 45563
+externalPort = 3002
+
 [deployment]
 deploymentTarget = "autoscale"
-run = ["gunicorn", "--bind=0.0.0.0:5000", "--reuse-port", "thrillwiki.wsgi:application"]
+run = [
+  "gunicorn",
+  "--bind=0.0.0.0:5000",
+  "--reuse-port",
+  "thrillwiki.wsgi:application",
+]
 build = ["uv", "pip", "install", "--system", "-r", "requirements.txt"]

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>

templates/components/layout/enhanced_header.html

@@ -45,11 +45,11 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
             x-transition:leave-start="transform opacity-100 scale-100"
             x-transition:leave-end="transform opacity-0 scale-95"
             x-cloak
-            class="absolute left-0 mt-1 w-[560px] p-4 bg-background border rounded-lg shadow-lg z-50"
+            class="absolute left-0 mt-1 w-auto max-w-4xl p-6 bg-background border rounded-lg shadow-lg z-50"
           >
-            <div class="grid grid-cols-2 gap-6">
+            <div class="flex gap-8">
               <!-- Left Column -->
-              <div class="space-y-2">
+              <div class="flex-1 space-y-4 min-w-0">
                 <a 
                   href="{% url 'parks:park_list' %}" 
                   class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group"
@@ -88,7 +88,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
               </div>
 
               <!-- Right Column -->
-              <div class="space-y-2">
+              <div class="flex-1 space-y-4 min-w-0">
                 <a 
                   href="{% url 'rides:global_ride_list' %}" 
                   class="flex items-start gap-3 p-3 rounded-md hover:bg-accent transition-colors group"