From c8c871128e34048167986eb0d109502480d94c91 Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Sun, 21 Sep 2025 14:07:58 +0000
Subject: [PATCH] Adjust header layout for better mobile experience and search
 button appearance

Update header component to horizontally align auth buttons on mobile using flexbox and adjust search button padding.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: eff39de1-3afa-446d-a965-acaf61837fc7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/eff39de1-3afa-446d-a965-acaf61837fc7/J0JYsVM
---
 backend/templates/components/layout/enhanced_header.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/templates/components/layout/enhanced_header.html b/backend/templates/components/layout/enhanced_header.html
index 58185e4c..fe87bc26 100644
--- a/backend/templates/components/layout/enhanced_header.html
+++ b/backend/templates/components/layout/enhanced_header.html
@@ -392,13 +392,13 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
                   <h3 class="text-sm font-medium text-foreground mb-3">
                     Get Started
                   </h3>
-                  <div class="space-y-3">
+                  <div class="flex gap-2">
                     <c-ui.button 
                       variant="outline" 
                       size="lg" 
                       text="Sign In" 
                       icon_left="fas fa-sign-in-alt"
-                      button_classes="w-full justify-center"
+                      button_classes="flex-1 justify-center"
                       hx_get="{% url 'account_login' %}"
                       hx_target="body"
                       hx_swap="beforeend"
@@ -409,7 +409,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
                       size="lg" 
                       text="Join ThrillWiki" 
                       icon_left="fas fa-user-plus"
-                      button_classes="w-full justify-center"
+                      button_classes="flex-1 justify-center"
                       hx_get="{% url 'account_signup' %}"
                       hx_target="body"
                       hx_swap="beforeend"
@@ -481,7 +481,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
             variant="default" 
             size="default" 
             icon_left="fas fa-search"
-            button_classes="px-4 flex-shrink-0"
+            button_classes="px-3 flex-shrink-0"
             type="submit"
           />
         </div>