From e54dcc50dcc3a555e2dc0d786e0063993956fe9c Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 29 Aug 2025 12:45:09 +0300
Subject: [PATCH] Better proportions for bottom stats

---
 lib/music_library_web/live/stats_live/index.html.heex | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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 b129d7d3..15d585db 100644
--- a/lib/music_library_web/live/stats_live/index.html.heex
+++ b/lib/music_library_web/live/stats_live/index.html.heex
@@ -487,7 +487,7 @@
   </.tabs>
 </div>
 
-<div class="mt-5 grid grid-cols-1 lg:grid-cols-3 gap-4">
+<div class="mt-5 grid grid-cols-1 lg:grid-cols-5 gap-4">
   <div class="px-4 shadow-sm">
     <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
       {gettext("On This day")}
@@ -497,7 +497,7 @@
       record_show_path={fn record -> ~p"/collection/#{record}" end}
     />
   </div>
-  <div>
+  <div class="lg:col-span-2">
     <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
       {gettext("Top %{n} Artists", %{n: length(@records_by_artist)})}
     </h1>
@@ -519,7 +519,7 @@
     </div>
   </div>
 
-  <div>
+  <div class="lg:col-span-2">
     <h1 class="text-base lg:text-2xl text-zinc-900 dark:text-zinc-200 font-semibold">
       {gettext("Top %{n} Genres", %{n: length(@records_by_genre)})}
     </h1>