Still converting to bootstrap 5. Fixed some track list issues

approot/tracks.xml

@@ -40,21 +40,19 @@
 </message>
 
 <message id="Lms.Explore.Tracks.template.entry">
-		<div class="row Lms-vertical-align Lms-explore-entry-list Lms-explore-tracks-entry">
-			<div class="col-3 col-sm-2 col-md-2">
-				<div class="Lms-responsive-square Lms-cover-container">
-					${cover}
+	<div class="card bg-transparent">
+		<div class="row align-items-center Lms-bg-dark-hover rounded">
+			<div class="col-2 col-lg-1">
+				${cover}
+			</div>
+			<div class="col-10 col-lg-11 d-flex align-items-center">
+				<div class="flex-fill">
+					<div>${name}</div>
+					${<if-has-release>}${release class="text-decoration-none link-sucess"}${</if-has-release>}
+				</div>
+				<div class="p-2 d-none d-sm-block text-muted">
+					${duration}
 				</div>
-			</div>
-			<div class="col-7 col-sm-8 col-md-8 Lms-explore-entry-list-text-container">
-				${name}
-				${<if-has-artists-or-release>}
-				${<if-has-release>}${release}${</if-has-release>}
-				${<if-has-artists>}${artists}${</if-has-artists>}
-				${</if-has-artists-or-release>}
-			</div>
-			<div class="col-2 col-sm-2 col-md-2">
-				${duration}
 				<div class="d-flex">
 					${play-btn class="btn btn-sm btn-outline-secondary border-0"}
 					<div class="dropdown d-inline-block">
@@ -68,10 +66,11 @@
 				</div>
 			</div>
 		</div>
+	</div>
 </message>
 
 <message id="Lms.Explore.Tracks.template.entry-artist">
-	<small>${artist class="Lms-btn Lms-artistname text-muted"}</small>
+	${artist class="text-decoration-none link-secondary"}
 </message>
 
 </messages>