From 73ee3bc4383f74f289c655a435c4c5057acf3fe7 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 1 Sep 2025 08:30:26 +0300
Subject: [PATCH] Improve consistency of title, shadow and borders in stats
 page

---
 .../components/stats_components.ex                 |  2 +-
 .../live/stats_live/index.html.heex                | 14 ++++++++------
 .../live/stats_live/top_albums.ex                  |  2 +-
 .../live/stats_live/top_artists.ex                 |  2 +-
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/lib/music_library_web/components/stats_components.ex b/lib/music_library_web/components/stats_components.ex
index baa65ebf..10b9e923 100644
--- a/lib/music_library_web/components/stats_components.ex
+++ b/lib/music_library_web/components/stats_components.ex
@@ -118,7 +118,7 @@ defmodule MusicLibraryWeb.StatsComponents do
   def records_on_this_day(assigns) do
     ~H"""
     <ul
-      class="mt-5"
+      class="mt-5 p-4"
       role="list"
       id="records"
       phx-update="stream"
diff --git a/lib/music_library_web/live/stats_live/index.html.heex b/lib/music_library_web/live/stats_live/index.html.heex
index 1c6d1474..e5ed08a1 100644
--- a/lib/music_library_web/live/stats_live/index.html.heex
+++ b/lib/music_library_web/live/stats_live/index.html.heex
@@ -462,7 +462,7 @@
 </div>
 
 <div class="mt-5 grid grid-cols-1 lg:grid-cols-11 gap-4">
-  <div class="lg:col-span-3 px-4 shadow-sm">
+  <div class="lg:col-span-3">
     <div class="flex justify-between items-center">
       <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
         {gettext("On This day")}
@@ -475,11 +475,13 @@
         <.date_picker size="xs" field={f[:current_date]} />
       </.form>
     </div>
-    <.records_on_this_day
-      current_date={@current_date}
-      records={@streams.records_on_this_day}
-      record_show_path={fn record -> ~p"/collection/#{record}" end}
-    />
+    <div class="rounded-md shadow-sm">
+      <.records_on_this_day
+        current_date={@current_date}
+        records={@streams.records_on_this_day}
+        record_show_path={fn record -> ~p"/collection/#{record}" end}
+      />
+    </div>
   </div>
   <div class="lg:col-span-4">
     <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
diff --git a/lib/music_library_web/live/stats_live/top_albums.ex b/lib/music_library_web/live/stats_live/top_albums.ex
index 5e939355..2a1bd41b 100644
--- a/lib/music_library_web/live/stats_live/top_albums.ex
+++ b/lib/music_library_web/live/stats_live/top_albums.ex
@@ -101,7 +101,7 @@ defmodule MusicLibraryWeb.StatsLive.TopAlbums do
 
   defp top_albums_by_period(assigns) do
     ~H"""
-    <div class="mt-4">
+    <div class="mt-4 p-4 rounded-md shadow-sm">
       <div class="space-y-2">
         <div
           :for={album <- @albums}
diff --git a/lib/music_library_web/live/stats_live/top_artists.ex b/lib/music_library_web/live/stats_live/top_artists.ex
index e4410131..a86520a2 100644
--- a/lib/music_library_web/live/stats_live/top_artists.ex
+++ b/lib/music_library_web/live/stats_live/top_artists.ex
@@ -93,7 +93,7 @@ defmodule MusicLibraryWeb.StatsLive.TopArtists do
 
   def top_artists_by_period(assigns) do
     ~H"""
-    <div class="mt-4">
+    <div class="mt-4 p-4 rounded-md shadow-sm">
       <div class="space-y-2">
         <div
           :for={artist <- @artists}