From 029bcf5bca914264acb42fa46046958ed9232357 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Wed, 14 May 2025 10:03:13 +0100
Subject: [PATCH] Improve styling of the "more" dropdown

---
 lib/music_library_web/components/layouts/app.html.heex | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/lib/music_library_web/components/layouts/app.html.heex b/lib/music_library_web/components/layouts/app.html.heex
index 7f2a4338..ff391301 100644
--- a/lib/music_library_web/components/layouts/app.html.heex
+++ b/lib/music_library_web/components/layouts/app.html.heex
@@ -40,7 +40,15 @@
         </div>
       </div>
       <div class="flex space-x-2 md:space-x-4 items-center">
-        <.dropdown label={gettext("More")}>
+        <.dropdown placement="bottom-end">
+          <:toggle>
+            <button class="flex items-center gap-x-2">
+              <div class="text-sm text-zinc-500 hover:text-zinc-700 font-semibold dark:text-zinc-300 dark:hover:text-zinc-200">
+                {gettext("More")}
+              </div>
+              <.icon name="hero-chevron-down" class="h-4 w-4" />
+            </button>
+          </:toggle>
           <.dropdown_link 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")}