From 270d4c6e96f2ecd8d0b626a629aa318f7ff10f92 Mon Sep 17 00:00:00 2001
From: droideparanoico <david.alvarez.81@gmail.com>
Date: Fri, 3 Jul 2026 14:02:37 +0200
Subject: [PATCH] Replace CSS gap with explicit spacer spans for guaranteed
 spacing

---
 src/main/resources/templates/layouts/base.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/main/resources/templates/layouts/base.html b/src/main/resources/templates/layouts/base.html
index 8140fce..f82d6d4 100644
--- a/src/main/resources/templates/layouts/base.html
+++ b/src/main/resources/templates/layouts/base.html
@@ -33,8 +33,9 @@
   <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
     <div class="navbar-start"></div>
 
-    <div class="navbar-center" style="display:flex;align-items:center;gap:2.5rem">
-      <a href="/" class="font-bold text-lg text-base-content no-underline" style="padding:0 0.5rem">DiscDrop</a>
+    <div class="navbar-center" style="display:flex;flex:1;align-items:center;justify-content:center">
+      <a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
+      <span style="width:2.5rem;flex-shrink:0;display:inline-block"></span>
       <div id="search-wrapper" style="width:18rem">
         <form hx-get="/api/artists/search"
               hx-target="#search-results"
@@ -45,7 +46,8 @@
         </form>
         <div id="search-results"></div>
       </div>
-      <a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}" style="padding:0 0.5rem">Artists</a>
+      <span style="width:2.5rem;flex-shrink:0;display:inline-block"></span>
+      <a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a>
     </div>
 
     <div class="navbar-end gap-2">