From 6d6cf210476154b92e710a934ca4b4a9de9dc9df Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 16 Mar 2026 08:00:17 +0000
Subject: [PATCH] Uniform scrobble rules layout

---
 .../live/scrobble_rules_live/index.ex         | 50 ++++++++-----------
 1 file changed, 21 insertions(+), 29 deletions(-)

diff --git a/lib/music_library_web/live/scrobble_rules_live/index.ex b/lib/music_library_web/live/scrobble_rules_live/index.ex
index f6378653..ca35cf09 100644
--- a/lib/music_library_web/live/scrobble_rules_live/index.ex
+++ b/lib/music_library_web/live/scrobble_rules_live/index.ex
@@ -18,38 +18,30 @@ defmodule MusicLibraryWeb.ScrobbleRulesLive.Index do
   def render(assigns) do
     ~H"""
     <Layouts.app flash={@flash} current_section={@current_section} socket={@socket}>
-      <header class="mb-6">
-        <div class="flex items-center justify-between">
-          <div>
-            <h1 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100">
-              {gettext("Scrobble Rules")}
-            </h1>
-          </div>
-          <div>
-            <.button_group>
-              <.button
-                variant="solid"
-                size="sm"
-                patch={~p"/scrobble-rules/new"}
-              >
-                <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
-                {gettext("Add")}
-              </.button>
-              <.button
-                variant="solid"
-                size="sm"
-                phx-click="apply_all_rules"
-              >
-                <.icon name="hero-play" class="icon" />
-                {gettext("Apply")}
-              </.button>
-            </.button_group>
-          </div>
+      <header class="gap-6 mb-2">
+        <div class="flex items-center justify-between gap-6 mb-2 mt-2">
+          <.search_form query={@list_params.query} />
+          <.button_group>
+            <.button
+              variant="solid"
+              size="sm"
+              patch={~p"/scrobble-rules/new"}
+            >
+              <.icon name="hero-plus" class="icon" aria-hidden="true" data-slot="icon" />
+              {gettext("Add")}
+            </.button>
+            <.button
+              variant="solid"
+              size="sm"
+              phx-click="apply_all_rules"
+            >
+              <.icon name="hero-play" class="icon" />
+              {gettext("Apply")}
+            </.button>
+          </.button_group>
         </div>
       </header>
 
-      <.search_form query={@list_params.query} />
-
       <div class="mt-6 space-y-4">
         <ul phx-update="stream" id="scrobble-rules-list" class="space-y-4">
           <li