Add padding to links for consistent larger gap

This commit is contained in:
2026-07-03 13:59:05 +02:00
parent 2d4bfd2186
commit 9a77f73190
@@ -33,8 +33,8 @@
<div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14"> <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
<div class="navbar-start"></div> <div class="navbar-start"></div>
<div class="navbar-center" style="gap:1.5rem"> <div class="navbar-center" style="gap:2.5rem">
<a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a> <a href="/" class="font-bold text-lg text-base-content no-underline" style="padding:0 0.5rem">DiscDrop</a>
<div id="search-wrapper" style="width:18rem"> <div id="search-wrapper" style="width:18rem">
<form hx-get="/api/artists/search" <form hx-get="/api/artists/search"
hx-target="#search-results" hx-target="#search-results"
@@ -45,7 +45,7 @@
</form> </form>
<div id="search-results"></div> <div id="search-results"></div>
</div> </div>
<a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}">Artists</a> <a href="/artists" class="font-medium text-base-content no-underline {#if activeTab == 'artists'}font-bold{/if}" style="padding:0 0.5rem">Artists</a>
</div> </div>
<div class="navbar-end gap-2"> <div class="navbar-end gap-2">