From 2321cc8cfbca13ecffb26670934181bfc15cdf56 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 3 Dec 2024 22:54:53 +0000
Subject: [PATCH] Attempt at preventing layout shifts in record show pages

---
 lib/music_library_web/live/collection_live/show.html.heex | 2 +-
 lib/music_library_web/live/wishlist_live/show.html.heex   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/live/collection_live/show.html.heex b/lib/music_library_web/live/collection_live/show.html.heex
index a87e1f93..ceadb0e4 100644
--- a/lib/music_library_web/live/collection_live/show.html.heex
+++ b/lib/music_library_web/live/collection_live/show.html.heex
@@ -1,5 +1,5 @@
 <div class="md:columns-2 mt-4 px-4">
-  <div class="drop-shadow max-w-3xl">
+  <div class="drop-shadow md:max-w-[38rem]">
     <img
       class="w-full rounded-lg drop-shadow"
       src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash || ""}"}
diff --git a/lib/music_library_web/live/wishlist_live/show.html.heex b/lib/music_library_web/live/wishlist_live/show.html.heex
index f4a04b59..cde35f67 100644
--- a/lib/music_library_web/live/wishlist_live/show.html.heex
+++ b/lib/music_library_web/live/wishlist_live/show.html.heex
@@ -1,5 +1,5 @@
 <div class="md:columns-2 mt-4 px-4">
-  <div class="drop-shadow max-w-3xl">
+  <div class="drop-shadow md:max-w-[38rem]">
     <img
       class="w-full rounded-lg drop-shadow"
       src={~p"/covers/#{@record.id}?vsn=#{@record.cover_hash || ""}"}