From 8501a48a069f648c7f9a6192e2e34de9b03db5e3 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Wed, 16 Apr 2025 11:04:08 +0100
Subject: [PATCH] Tighten design of navbar

---
 .../components/layouts/app.html.heex                 | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 50e1806d..43403864 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -3,7 +3,7 @@
   <div class="mx-auto max-w-screen-xl px-4 sm:px-6 lg:px-8">
     <div class="flex h-16 justify-between">
       <div class="flex">
-        <div class="flex space-x-2 md:space-x-8">
+        <div class="flex space-x-2 md:space-x-4">
           <.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}>
             <.icon
               name="hero-chart-pie"
@@ -39,14 +39,22 @@
           </.link>
         </div>
       </div>
-      <div class="flex space-x-2 md:space-x-8">
+      <div class="flex space-x-2 md:space-x-4">
         <a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/dashboard"}>
+          <.icon name="hero-chart-bar" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
           {gettext("Live Dashboard")}
         </a>
         <a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/errors"}>
+          <.icon
+            name="hero-exclamation-circle"
+            class="h-4 w-4 mr-2"
+            aria-hidden="true"
+            data-slot="icon"
+          />
           {gettext("Errors")}
         </a>
         <a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/oban"}>
+          <.icon name="hero-cog" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
           {gettext("Oban")}
         </a>
         <a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/backup"}>