Improved the playqueue/playhistory views

approot/playhistory.xml

@@ -11,7 +11,17 @@
 </message>
 
 <message id="Lms.PlayHistory.template.entry">
-	${name} ${<if-has-release>}${release-name}${</if-has-release>} ${<if-has-artist>}${artist-name}${</if-has-artist>}
+	<div class="row Lms-playhistory-entry Lms-vertical-align">
+		<div class="col-xs-9">
+			<h4>${name}</h4>
+		</div>
+		<div class="col-sm-3 hidden-xs">
+			${<if-has-release>}<small>${release-name}</small>${</if-has-release>}
+		</div>
+		<div class="col-sm-3 hidden-xs">
+			${<if-has-artist>}<small><i>${artist-name}</i></small>${</if-has-artist>}
+		</div>
+	</div>
 </message>
 
 </messages>

approot/playqueue.xml

@@ -34,7 +34,11 @@
 	<div class="row Lms-playqueue-entry Lms-vertical-align">
 		<div class="col-xs-9">
 			<h4>${name}</h4>
-			${<if-has-release>}<div class="hidden-xs" style="display: inline"><small>${release-name}</small></div>${</if-has-release>}
+		</div>
+		<div class="col-sm-3 hidden-xs">
+			${<if-has-release>}<small>${release-name}</small>${</if-has-release>}
+		</div>
+		<div class="col-sm-3 hidden-xs">
 			${<if-has-artist>}<small><i>${artist-name}</i></small>${</if-has-artist>}
 		</div>
 		<div class="col-xs-3 Lms-playqueue-entry-controls">

docroot/css/lms.css

@@ -148,6 +148,14 @@ a:hover {
 	font-weight: inherit;
 }
 
+.Lms-playhistory-entry {
+	min-height: 32px;
+	margin-bottom: 2px;
+}
+
+.Lms-playhistory-entry:hover {
+	background-color: lightgrey;
+}
 
 .Lms-player {
 	position: fixed;