From 441bfcb9ef7dfc095460e79b2b4edf816073b79b Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Thu, 30 Jan 2025 09:38:59 +0000
Subject: [PATCH] Add logout icon and tighten navbar on mobile

---
 lib/music_library_web/components/layouts/app.html.heex | 10 ++++++++--
 priv/gettext/default.pot                               |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 64855d2e..8f7bea40 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-4 md:space-x-8">
+        <div class="flex space-x-2 md:space-x-8">
           <.link navigate={~p"/"} class={section_link_classes(assigns[:nav_section], :stats)}>
             {gettext("Stats")}
           </.link>
@@ -21,7 +21,7 @@
           </.link>
         </div>
       </div>
-      <div class="flex space-x-8">
+      <div class="flex space-x-2 md:space-x-8">
         <a class={["max-sm:hidden" | nav_link_classes()]} } href={~p"/dev/dashboard"}>
           {gettext("Dev dashboard")}
         </a>
@@ -29,6 +29,12 @@
           {gettext("Errors")}
         </a>
         <a class={nav_link_classes()} } href={~p"/login"}>
+          <.icon
+            name="hero-arrow-left-start-on-rectangle"
+            class="h-4 w-4 mr-2"
+            aria-hidden="true"
+            data-slot="icon"
+          />
           {gettext("Logout")}
         </a>
       </div>
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index b6eb261c..67eace7b 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -123,7 +123,7 @@ msgstr ""
 msgid "Login"
 msgstr ""
 
-#: lib/music_library_web/components/layouts/app.html.heex:32
+#: lib/music_library_web/components/layouts/app.html.heex:38
 #, elixir-autogen, elixir-format
 msgid "Logout"
 msgstr ""