Hover style on buttons

approot/artist.xml

@@ -22,7 +22,7 @@
 					<h4 class="media-heading">
 						${name}
 					</h4>
-					${<if-has-various-artists>}<h4><i>${tr:Lms.Explore.various-artists}</i></h4>${</if-has-various-artists>}
+					${<if-has-various-artists>}<h4><small><i>${tr:Lms.Explore.various-artists}</i></small></h4>${</if-has-various-artists>}
 					<h4><small>${<if-has-year>}${year}${</if-has-year>}${<if-has-orig-year>} (${orig-year})${</if-has-orig-year>}</small></h4>
 					${play-btn}${add-btn}
 				</div>

approot/playqueue.xml

@@ -3,20 +3,20 @@
 <!--FORMS message blocks-->
 
 <message id="Lms.PlayQueue.clear">
-	<i class="fa fa-times-circle"></i>
+	<i class="fa fa-times-circle Lms-playqueue-btn"></i>
 </message>
 
 <message id="Lms.PlayQueue.shuffle">
-	<i class="fa fa-random"></i>
+	<i class="fa fa-random Lms-playqueue-btn"></i>
 </message>
 
 <message id="Lms.PlayQueue.template">
 	<div class="page-header">
 		<h2>${tr:Lms.PlayQueue.playqueue}</h2>
-		<small>${nb-tracks}</small>
 		${clear-btn}
 		${shuffle-btn}
 		${radio-mode}
+		<h4><small>${nb-tracks}</small></h4>
 	</div>
 	${entries}
 	<div class="row">

docroot/css/lms.css

@@ -178,6 +178,10 @@ a:hover {
 	cursor: pointer;
 }
 
+.Lms-explore-btn:hover {
+	color: #337ab7;
+}
+
 .Lms-playqueue-entry {
 	min-height: 32px;
 	padding-top: 2px;
@@ -198,6 +202,10 @@ a:hover {
 	margin: 2px;
 }
 
+.Lms-playqueue-btn:hover {
+	color: #337ab7;
+}
+
 .Lms-playqueue-selected {
 	font-weight: 800;
 }
@@ -229,4 +237,8 @@ a:hover {
 	cursor: pointer;
 }
 
+.Lms-player-btn:hover {
+	color: #337ab7;
+}
+