Fix navbar gap with inline style, update search placeholder

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

@@ -33,14 +33,14 @@
   <div class="navbar bg-base-300 shadow-lg px-4 min-h-0 h-14">
     <div class="navbar-start"></div>
 
-    <div class="navbar-center gap-4">
+    <div class="navbar-center" style="gap:1.5rem">
       <a href="/" class="font-bold text-lg text-base-content no-underline">DiscDrop</a>
       <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="Search artists..."
+          <input id="search-input" type="text" placeholder="Follow artist..."
                  class="input input-bordered input-sm w-full" name="q" autocomplete="off">
         </form>
         <div id="search-results"></div>