From 9b1241b7a41b98df1be114e792ba4605a686dd85 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 16 Sep 2025 21:04:06 +0300
Subject: [PATCH] Shrink and fix position of scrobbled tracks order options

---
 .../live/scrobbled_tracks_live/index.html.heex         | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/music_library_web/live/scrobbled_tracks_live/index.html.heex b/lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
index d9b9777d..5656761e 100644
--- a/lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
+++ b/lib/music_library_web/live/scrobbled_tracks_live/index.html.heex
@@ -8,11 +8,11 @@
     </div>
   </header>
 
-  <div class="flex items-end justify-between gap-6 mt-8">
+  <div class="flex items-end gap-6 mt-8 justify-center sm:justify-start">
     <.button_group>
       <.button
         patch={order_path(@track_list_params, :scrobbled_at)}
-        size="sm"
+        size="xs"
         class={[
           @track_list_params.order == :scrobbled_at && "!bg-zinc-100 dark:!bg-zinc-700"
         ]}
@@ -27,7 +27,7 @@
       </.button>
       <.button
         patch={order_path(@track_list_params, :title)}
-        size="sm"
+        size="xs"
         class={[
           @track_list_params.order == :title && "!bg-zinc-100 dark:!bg-zinc-700"
         ]}
@@ -37,7 +37,7 @@
       </.button>
       <.button
         patch={order_path(@track_list_params, :artist)}
-        size="sm"
+        size="xs"
         class={[
           @track_list_params.order == :artist && "!bg-zinc-100 dark:!bg-zinc-700"
         ]}
@@ -47,7 +47,7 @@
       </.button>
       <.button
         patch={order_path(@track_list_params, :album)}
-        size="sm"
+        size="xs"
         class={[
           @track_list_params.order == :album && "!bg-zinc-100 dark:!bg-zinc-700"
         ]}