From cd04ee79deef27ec822ef52c8c650268c6d3de5e Mon Sep 17 00:00:00 2001
From: jcorporation <mail@jcgames.de>
Date: Tue, 29 Oct 2024 23:09:31 +0100
Subject: [PATCH] Fix: Limit coversize in album detail view #1361

---
 htdocs/css/mympd.css | 4 ++++
 htdocs/index.html    | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/htdocs/css/mympd.css b/htdocs/css/mympd.css
index b1046f4af..c131c18e6 100644
--- a/htdocs/css/mympd.css
+++ b/htdocs/css/mympd.css
@@ -764,6 +764,10 @@ div.key {
   }
 }
 
+.colCover {
+    max-width: 27rem;
+}
+
 .dropdown-item:focus {
   background-color: inherit;
 }
diff --git a/htdocs/index.html b/htdocs/index.html
index 7b42757f1..6326fd117 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -742,7 +742,7 @@ <h2 data-phrase="Action for selection" class="dropdown-header"></h2>
           </div>
           <div class="scrollContainer table-responsive">
             <div class="row me-0">
-              <div class="col-12 col-sm-6 col-xl-4 mb-3">
+              <div class="col-12 col-sm-6 col-xl-4 mb-3 colCover">
                 <div id="viewDatabaseAlbumDetailCover" class="mb-3 album-cover cover-loading clickable carousel" data-href='{"cmd": "zoomPicture", "options": ["target"]}'></div>
               </div>
               <div id="viewDatabaseAlbumDetailInfo" class="text-break col-12 col-sm-6 col-xl-8 mb-3">