From 3ee313805594428fbcaa15d15b7812cd84701933 Mon Sep 17 00:00:00 2001
From: pac7 <47831526-pac7@users.noreply.replit.com>
Date: Sun, 21 Sep 2025 13:59:55 +0000
Subject: [PATCH] Improve navigation and button display for better user
 experience

Update enhanced_header.html to hide login buttons on smaller screens and adjust button component logic.

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/J8gXd5P
---
 .replit                                                  | 4 ++++
 backend/templates/components/layout/enhanced_header.html | 2 +-
 backend/templates/cotton/ui/button.html                  | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/.replit b/.replit
index 40b34e44..ce6d112b 100644
--- a/.replit
+++ b/.replit
@@ -39,6 +39,10 @@ externalPort = 80
 localPort = 34277
 externalPort = 3000
 
+[[ports]]
+localPort = 38955
+externalPort = 3001
+
 [deployment]
 deploymentTarget = "autoscale"
 run = ["gunicorn", "--bind=0.0.0.0:5000", "--reuse-port", "thrillwiki.wsgi:application"]
diff --git a/backend/templates/components/layout/enhanced_header.html b/backend/templates/components/layout/enhanced_header.html
index d7165065..d46a147f 100644
--- a/backend/templates/components/layout/enhanced_header.html
+++ b/backend/templates/components/layout/enhanced_header.html
@@ -238,7 +238,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
           </div>
         </div>
       {% else %}
-        <div class="flex items-center space-x-2">
+        <div class="hidden md:flex items-center space-x-2">
           <button 
             @click="window.authModal.show('login')"
             class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-9 rounded-md px-3"
diff --git a/backend/templates/cotton/ui/button.html b/backend/templates/cotton/ui/button.html
index b827228d..928dc7c9 100644
--- a/backend/templates/cotton/ui/button.html
+++ b/backend/templates/cotton/ui/button.html
@@ -60,7 +60,7 @@ Converts existing button component to use Django Cotton's component system
   {% if hx_post %}hx-post="{{ hx_post }}"{% endif %}
   {% if hx_target %}hx-target="{{ hx_target }}"{% endif %}
   {% if hx_swap %}hx-swap="{{ hx_swap }}"{% endif %}
-  {% if x_data and x_data != 'x_data' %}x-data="{{ x_data }}"{% endif %}
+  {% if x_data and x_data != 'x_data' and x_data != '' %}x-data="{{ x_data }}"{% endif %}
   {% if x_on %}{{ x_on }}{% endif %}
   {% if disabled and disabled != '' %}disabled{% endif %}
   {{ attrs }}