From b3e56ed465e3b58ce124d91aa43ae446deac0b08 Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Mon, 22 Sep 2025 02:40:34 +0000
Subject: [PATCH] Improve layout and text wrapping in the header dropdown menu

Adjusted dropdown width and flex item styling in enhanced_header.html to fix text wrapping issues and improve vertical alignment.

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
---
 templates/components/layout/enhanced_header.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/components/layout/enhanced_header.html b/templates/components/layout/enhanced_header.html
index 7104201f..bf9700a8 100644
--- a/templates/components/layout/enhanced_header.html
+++ b/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-[700px] p-6 bg-background border rounded-lg shadow-lg z-50"
           >
-            <div class="flex gap-6">
+            <div class="flex gap-8">
               <!-- Left Column -->
-              <div class="flex-1 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="flex-1 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"