Still converting to bootstrap 5. Reworked album layout. Switched to bootswatch solar theme

approot/release.xml

@@ -7,20 +7,20 @@
 </message>
 
 <message id="Lms.Explore.Release.template">
-	<div class="row mb-3 gy-3">
-		<div class="col-lg-4">
+	<div class="row mb-5 gy-3">
+		<div class="col-lg-3 col-md-4">
 			${cover class="Lms-explore-release-cover"}
-			<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>}
-				<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="col">
+			<h3>${name}</h3>
+			${<if-has-release-artists>}${artists}${</if-has-release-artists>}
+			${<if-has-various-release-artists>}${tr:Lms.Explore.various-artists}${</if-has-various-release-artists>}
+			<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 class="col-12">
 			<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"}
+				${play-btn class="btn btn-outline-primary me-2"}${more-btn class="btn btn-outline-primary"}
 			</div>
 			${container class="d-grid gap-3"}
 		</div>
@@ -29,7 +29,7 @@
 		${<if-has-similar-releases>}
 		<div class="col-12">
 			<h3>${tr:Lms.Explore.Release.similar-releases}</h3>
-			${similar-releases class="row"}
+			${similar-releases class="row gy-4"}
 		</div>
 		${</if-has-similar-releases>}
 		${<if-has-copyright>}
@@ -61,7 +61,7 @@
 </message>
 
 <message id="Lms.Explore.Release.template.entry">
-	<div class="d-flex align-items-center rounded Lms-bg-light-hover">
+	<div class="d-flex align-items-center rounded Lms-bg-dark-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>