From 879723b7691ceac999211118f9c9fdc9ceaa7dcd Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 24 Mar 2026 13:15:40 +0000
Subject: [PATCH] Show little artwork for records on this day with multiple
 releases

---
 lib/music_library_web/components/stats_components.ex | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/lib/music_library_web/components/stats_components.ex b/lib/music_library_web/components/stats_components.ex
index 82d211c7..8fd18f47 100644
--- a/lib/music_library_web/components/stats_components.ex
+++ b/lib/music_library_web/components/stats_components.ex
@@ -194,14 +194,17 @@ defmodule MusicLibraryWeb.StatsComponents do
                     />
                   </div>
                 </summary>
-                <ul class="mt-1 ml-16 border-l border-zinc-200 pl-4 dark:border-zinc-700">
+                <ul class="ml-1">
                   <li
                     :for={record <- records}
                     phx-click={JS.navigate(@record_show_path.(record))}
-                    class="flex cursor-pointer justify-between gap-x-6 rounded-md px-2 py-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-700"
+                    class="flex items-center cursor-pointer rounded-md px-2 py-1.5 hover:bg-zinc-100 dark:hover:bg-zinc-700"
                     id={record.id}
                   >
-                    <p class="text-xs/5 text-zinc-500 dark:text-zinc-400">
+                    <div class="w-6 flex-none">
+                      <.record_cover record={record} width={48} class="rounded-sm" />
+                    </div>
+                    <p class="ml-2 text-xs/5 text-zinc-500 dark:text-zinc-400">
                       {format_label(record.format)} · {type_label(record.type)}
                       <span :if={record.purchased_at}>
                         ·