Revert "Fix navbar gap with inline style, update search placeholder"

This reverts commit 419cb4195e.

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

@@ -33,19 +33,19 @@
   <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;flex:1;align-items:center;justify-content:center">
+    <div class="navbar-center gap-4">
       <a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
-      <div id="search-wrapper" style="width:18rem;margin-left:2.5rem;margin-right:2.5rem">
+      <div id="search-wrapper" style="width:18rem">
         <form hx-get="/api/artists/search"
               hx-target="#search-results"
               hx-swap="innerHTML"
               hx-trigger="keyup changed delay:300ms from:#search-input">
-          <input id="search-input" type="text" placeholder="Follow artist..."
+          <input id="search-input" type="text" placeholder="Search artists..."
                  class="input input-bordered input-sm w-full" name="q" autocomplete="off">
         </form>
         <div id="search-results"></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="btn btn-ghost btn-sm {#if activeTab == 'artists'}btn-active{/if}">Artists</a>
     </div>
 
     <div class="navbar-end gap-2">