From 46f550f7b93bacfde336b4cd819a2b591275654e Mon Sep 17 00:00:00 2001
From: emeric <itmfr@yahoo.fr>
Date: Fri, 31 Aug 2018 16:29:47 +0200
Subject: [PATCH] Improved the playqueue/playhistory views

---
 approot/playhistory.xml | 12 +++++++++++-
 approot/playqueue.xml   |  6 +++++-
 docroot/css/lms.css     |  8 ++++++++
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/approot/playhistory.xml b/approot/playhistory.xml
index d674445e..6066fc84 100644
--- a/approot/playhistory.xml
+++ b/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>
diff --git a/approot/playqueue.xml b/approot/playqueue.xml
index 205a14da..7d4b2c64 100644
--- a/approot/playqueue.xml
+++ b/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">
diff --git a/docroot/css/lms.css b/docroot/css/lms.css
index 3889aa80..2609b560 100644
--- a/docroot/css/lms.css
+++ b/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;