From aeb542fb2d0df8da1e7c711b162f55effbfe3bc0 Mon Sep 17 00:00:00 2001
From: emeric <emeric.poupon@laposte.net>
Date: Thu, 14 Apr 2022 21:15:11 +0200
Subject: [PATCH] Still converting to bootstrap 5

---
 approot/release.xml | 16 +++++++++-------
 docroot/css/lms.css | 13 ++++++++++---
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/approot/release.xml b/approot/release.xml
index bf8426aa..ea4d923f 100644
--- a/approot/release.xml
+++ b/approot/release.xml
@@ -7,17 +7,19 @@
 </message>
 
 <message id="Lms.Explore.Release.template">
-	<div class="row mb-3">
+	<div class="row mb-3 gy-3">
 		<div class="col-lg-4">
 			${cover class="Lms-explore-release-cover"}
-		</div>
-		<div class="col-lg-8">
-			<div class="mb-3">
+			<div>
 				${name}
 				${<if-has-release-artists>}${artists}${</if-has-release-artists>}
 				${<if-has-various-release-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-release-artists>}
-				${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}
-				${clusters class="mb-2"}
+				<div class="small text-muted">${<if-has-year>}${year}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>} · ${</if-has-year>}${duration}</div>
+				${clusters}
+			</div>
+		</div>
+		<div class="col-lg-8">
+			<div class="mb-3">
 				${play-btn class="btn btn-lg btn-outline-dark border-0 me-2"}${more-btn class="btn btn-lg btn-outline-dark border-0"}
 			</div>
 			${container class="d-grid gap-3"}
@@ -59,7 +61,7 @@
 </message>
 
 <message id="Lms.Explore.Release.template.entry">
-	<div class="d-flex align-items-center">
+	<div class="d-flex align-items-center rounded Lms-bg-light-hover">
 		<div class="p-2 text-muted text-end" style="min-width: 2.1rem;">
 			${<if-has-track-number>}${track-number}${</if-has-track-number>}
 		</div>
diff --git a/docroot/css/lms.css b/docroot/css/lms.css
index 433f99fb..8d9e3c73 100644
--- a/docroot/css/lms.css
+++ b/docroot/css/lms.css
@@ -1,3 +1,13 @@
+/* Generic rules */
+.Lms-bg-light-hover:hover {
+	background-color: var(--bs-light);
+}
+
+.Lms-mw-fit-content {
+	max-width: fit-content;
+}
+
+/* Specific rules */
 body {
 	padding-bottom: 78px;
 }
@@ -6,6 +16,3 @@ body {
 	height: 70px;
 }
 
-.Lms-mw-fit-content {
-	max-width: fit-content;
-}