Replace all gap approaches with simple margin-right

src/main/resources/templates/layouts/base.html

@@ -34,9 +34,8 @@
     <div class="navbar-start"></div>
 
     <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">
+      <a href="/" class="font-bold text-lg text-base-content no-underline" style="margin-right:2.5rem">DiscDrop</a>
+      <div id="search-wrapper" style="width:18rem;margin-right:2.5rem">
         <form hx-get="/api/artists/search"
               hx-target="#search-results"
               hx-swap="innerHTML"
@@ -46,7 +45,6 @@
         </form>
         <div id="search-results"></div>
       </div>
-      <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>