From 47d92df9c9cd7b5549ac8c9693fadd36f4c51853 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 3 Nov 2025 08:35:49 +0000
Subject: [PATCH] Improve display of record grid artworks and action menu

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

diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index e8f87aed..c22b1862 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -222,7 +222,7 @@ defmodule MusicLibraryWeb.RecordComponents do
             >
               <.record_cover
                 record={record}
-                class="aspect-square object-cover hover:opacity-75"
+                class="aspect-square object-cover hover:opacity-85"
                 width={460}
               />
               <span
@@ -237,13 +237,13 @@ defmodule MusicLibraryWeb.RecordComponents do
               >
                 {Records.Record.included_release_groups_count(record)}
               </span>
-              <div class="absolute right-1 top-1 rounded-lg bg-zinc-100/75 dark:bg-zinc-700/75 w-5 h-5">
+              <div class="absolute right-2 top-2 rounded-full bg-zinc-100/50 hover:bg-zinc-100/75 dark:bg-zinc-700/50 dark:hover:bg-zinc-700/75 size-5">
                 <.dropdown id={"actions-#{record.id}"} placement="bottom-end">
                   <:toggle>
                     <span class="sr-only">{gettext("Actions")}</span>
                     <.icon
                       name="hero-ellipsis-vertical"
-                      class="h-5 w-5 text-zinc-500 dark:text-zinc-400 cursor-pointer"
+                      class="size-5 text-zinc-800 dark:text-zinc-400 cursor-pointer"
                       aria-hidden="true"
                       data-slot="icon"
                       phx-click={JS.toggle_class("pointer-events-none", to: "#{@id} > li")}