From b9ea7d1419e0941b6b78de95e69882256220b135 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Fri, 18 Oct 2024 11:19:20 +0100
Subject: [PATCH] Refine record list item on hover effect

---
 lib/music_library_web/live/record_live/index.html.heex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/music_library_web/live/record_live/index.html.heex b/lib/music_library_web/live/record_live/index.html.heex
index 9932b4f1..5ab984e6 100644
--- a/lib/music_library_web/live/record_live/index.html.heex
+++ b/lib/music_library_web/live/record_live/index.html.heex
@@ -32,7 +32,7 @@
   <li
     :for={{id, record} <- @streams.records}
     phx-click={JS.navigate(~p"/records/#{record}")}
-    class="flex justify-between gap-x-6 py-5 hover:bg-gray-50 cursor-pointer"
+    class="flex justify-between gap-x-6 py-5 hover:bg-gray-50 px-2 -mx-2 md:px-4 md:-mx-4 rounded-lg cursor-pointer"
     id={id}
   >
     <div class="flex min-w-0 gap-x-4 items-center">