Reworked CSS in order to isolate themable elements

approot/playhistory.xml

@@ -3,23 +3,27 @@
 <!--FORMS message blocks-->
 
 <message id="Lms.PlayHistory.template">
-	<div class="page-header">
-		<h2>${tr:Lms.PlayHistory.playhistory}</h2>
-	</div>
-	${entries}
 	<div class="row">
-		<div class="col-xs-12 Lms-horizontal-center">
-			${show-more class="btn-primary Lms-show-more"}
+		<div class="col-lg-8">
+			<div class="page-header">
+				<h2>${tr:Lms.PlayHistory.playhistory}</h2>
+			</div>
+			${entries}
+			<div class="row">
+				<div class="col-xs-12 Lms-horizontal-center">
+					${show-more class="btn-primary Lms-show-more"}
+				</div>
+			</div>
 		</div>
 	</div>
 </message>
 
 <message id="Lms.PlayHistory.template.entry">
-	<div class="row Lms-playhistory-entry Lms-vertical-align">
+	<div class="row Lms-playhistory-entry Lms-entry-hoverable Lms-vertical-align">
 		<div class="col-xs-12 Lms-playhistory-entry-name">
-			<h4>${name}</h4>
+			<h4><div class="Lms-trackname text-primary">${name}</div></h4>
 			${<if-has-artists-or-release>}
-			${<if-has-release>}<small>${release class="Lms-explore-releasename"}</small>${</if-has-release>}
+			${<if-has-release>}<small>${release class="Lms-releasename text-primary"}</small>${</if-has-release>}
 			${<if-has-artists>}<small>${artists}</small>${</if-has-artists>}
 			${</if-has-artists-or-release>}
 		</div>
@@ -27,7 +31,7 @@
 </message>
 
 <message id="Lms.PlayHistory.template.entry-artist">
-	${artist class="Lms-explore-artistname"}
+	${artist class="Lms-artistname text-muted"}
 </message>
 
 </messages>