From 1ba878818959f660b401399e7df89fd286ac8a0d Mon Sep 17 00:00:00 2001
From: giles <giles.bradshaw@sigyl.com>
Date: Tue, 24 Feb 2026 09:51:52 +0000
Subject: [PATCH] Add responsive visibility classes to auth-menu fragment

Desktop span: hidden md:inline-flex, mobile span: block md:hidden.
Prevents both showing when fragment is injected in a single spot.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 templates/fragments/auth_menu.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/fragments/auth_menu.html b/templates/fragments/auth_menu.html
index fec15a8..eb68cdc 100644
--- a/templates/fragments/auth_menu.html
+++ b/templates/fragments/auth_menu.html
@@ -1,9 +1,9 @@
 {# Desktop auth menu #}
-<span id="auth-menu-desktop">
+<span id="auth-menu-desktop" class="hidden md:inline-flex">
 {% if user_email %}
   <a
     href="{{ account_url('/') }}"
-    class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black {{ select_colours }}"
+    class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black"
     data-close-details
   >
     <i class="fa-solid fa-user"></i>
@@ -12,7 +12,7 @@
 {% else %}
   <a
     href="{{ account_url('/') }}"
-    class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black {{ select_colours }}"
+    class="justify-center cursor-pointer flex flex-row items-center p-3 gap-2 rounded bg-stone-200 text-black"
     data-close-details
   >
     <i class="fa-solid fa-key"></i>
@@ -21,7 +21,7 @@
 {% endif %}
 </span>
 {# Mobile auth menu #}
-<span id="auth-menu-mobile">
+<span id="auth-menu-mobile" class="block md:hidden text-md font-bold">
 {% if user_email %}
   <a href="{{ account_url('/') }}" data-close-details>
     <i class="fa-solid fa-user"></i>