New UI layout and UI improvements. Fixes #50

approot/releases.xml

@@ -3,16 +3,11 @@
 <messages xmlns:if="Wt.WTemplate.conditions">
 
 <message id="Lms.Explore.Releases.template">
-	<div class="page-header">
+	<div class="Lms-header">
 		<h2>${tr:Lms.Explore.releases}</h2>
+		${mode class="nav nav-pills Lms-explore-mode-container"}
 		${play-btn}${add-btn}
 	</div>
-	<div class="form-group">
-		<div class="input-group">
-			<span class="input-group-addon"><i class="fa fa-search"></i></span>
-			${search}
-		</div>
-	</div>
 	${releases}
 	<div class="row">
 		<div class="col-xs-12 Lms-horizontal-center">
@@ -26,7 +21,7 @@
 		<div class="col-xs-12">
 			<div class="media">
 				<div class="media-left media-middle">
-					${cover class="media-object Lms-cover"}
+					${cover class="media-object Lms-cover Lms-cover-container-medium"}
 				</div>
 				<div class="media-body media-middle">
 					<h4 class="media-heading">
@@ -40,4 +35,23 @@
 	</div>
 </message>
 
+<message id="Lms.Explore.Releases.template.entry-small">
+	<div class="row Lms-explore-releaselink Lms-entry-hoverable">
+		<div class="col-xs-12">
+			<div class="media">
+				<div class="media-left media-middle">
+					${cover class="media-object Lms-cover Lms-cover-container-smaller"}
+				</div>
+				<div class="media-body media-middle">
+					<div class="media-heading">
+						${release-name class="Lms-releasename text-primary"}
+					</div>
+					${<if-has-artist>}<small>${artist-name class="Lms-artistname text-muted"}</small>${</if-has-artist>}
+				</div>
+			</div>
+		</div>
+	</div>
+</message>
+
+
 </messages>