From 1688fa366322d62d1d12261cb1b2019324a66999 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 4 Jul 2025 15:43:31 +0100
Subject: [PATCH] Improve main action button group in scrobble rules page

---
 .../live/scrobble_rules_live/index.html.heex  | 24 ++++++++++++-------
 priv/gettext/default.pot                      |  5 ----
 priv/gettext/en/LC_MESSAGES/default.po        |  5 ----
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/lib/music_library_web/live/scrobble_rules_live/index.html.heex b/lib/music_library_web/live/scrobble_rules_live/index.html.heex
index 82690940..0cfb71ba 100644
--- a/lib/music_library_web/live/scrobble_rules_live/index.html.heex
+++ b/lib/music_library_web/live/scrobble_rules_live/index.html.heex
@@ -4,21 +4,29 @@
       <h1 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100">
         {gettext("Scrobble Rules")}
       </h1>
-      <p class="mt-1 text-sm text-zinc-600 dark:text-zinc-400">
-        {gettext("Manage rules to fix data in scrobbled tracks")}
-      </p>
     </div>
     <div>
-      <.link patch={~p"/scrobble-rules/new"}>
-        <.button>
-          <.icon name="hero-plus" class="h-4 w-4 mr-2" />
+      <nav class="isolate inline-flex rounded-md shadow-xs">
+        <.button
+          class="rounded-l-md rounded-r-none"
+          variant="solid"
+          as="link"
+          size="sm"
+          patch={~p"/scrobble-rules/new"}
+        >
+          <.icon name="hero-plus" class="h-4 w-4 mr-2" aria-hidden="true" data-slot="icon" />
           {gettext("New Rule")}
         </.button>
-        <.button phx-click="apply_all_rules" class="!bg-green-600 hover:!bg-green-700">
+        <.button
+          class="-ml-px rounded-r-md rounded-l-none"
+          variant="solid"
+          size="sm"
+          phx-click="apply_all_rules"
+        >
           <.icon name="hero-play" class="h-4 w-4 mr-2" />
           {gettext("Apply All Rules")}
         </.button>
-      </.link>
+      </nav>
     </div>
   </div>
 </header>
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 8da11508..8e58a6d6 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -1024,11 +1024,6 @@ msgstr ""
 msgid "Error applying rule: %{reason}"
 msgstr ""
 
-#: lib/music_library_web/live/scrobble_rules_live/index.html.heex
-#, elixir-autogen, elixir-format
-msgid "Manage rules to fix data in scrobbled tracks"
-msgstr ""
-
 #: lib/music_library_web/live/scrobble_rules_live/form_component.ex
 #: lib/music_library_web/live/scrobble_rules_live/index.html.heex
 #, elixir-autogen, elixir-format
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index 6e3e8a33..55dd68f2 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -1024,11 +1024,6 @@ msgstr ""
 msgid "Error applying rule: %{reason}"
 msgstr ""
 
-#: lib/music_library_web/live/scrobble_rules_live/index.html.heex
-#, elixir-autogen, elixir-format
-msgid "Manage rules to fix data in scrobbled tracks"
-msgstr ""
-
 #: lib/music_library_web/live/scrobble_rules_live/form_component.ex
 #: lib/music_library_web/live/scrobble_rules_live/index.html.heex
 #, elixir-autogen, elixir-format