Now diplaying albums in grid mode

approot/release.xml

@@ -7,11 +7,11 @@
 </message>
 
 <message id="Lms.Explore.Release.template">
-	<div class="row">
-		<div class="col-md-3">
+	<div class="row Lms-explore-release">
+		<div class="col-md-4">
 			${cover class="Lms-explore-release-cover"}
 		</div>
-		<div class="col-md-5">
+		<div class="col-md-8">
 			<div class="Lms-header">
 				<h3><div class="Lms-releasename text-primary">${name}</div></h3>
 				${<if-has-artist>}<h4>${artist class="Lms-artistname text-muted"}</h4>${</if-has-artist>}
@@ -19,10 +19,20 @@
 				${clusters}
 				${play-btn}${add-btn}
 			</div>
-			${container class="Lms-explore-release-entries-container"}
+			${container}
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-xs-12 col-md-8">
+			<div class="well well-sm">
+				<h3>${tr:Lms.Explore.Release.similar-releases}</h3>
+				<div class="row">
+					${similar-releases}
+				</div>
+			</div>
 		</div>
 		${<if-has-copyright>}
-		<div class="col-md-4">
+		<div class="col-xs-12 col-md-4">
 			<div class="well well-sm">
 				<h3>${tr:Lms.Explore.Release.copyright}</h3>
 				${copyright class="text-muted"}
@@ -30,19 +40,13 @@
 		</div>
 		${</if-has-copyright>}
 		${<if-has-mbid>}
-		<div class="col-md-4">
+		<div class="col-xs-12 col-md-4">
 			<div class="well well-sm">
 				<h3>${tr:Lms.Explore.links}</h3>
 				${mbid-link class="text-muted"}
 			</div>
 		</div>
 		${</if-has-mbid>}
-		<div class="col-md-4">
-			<div class="well well-sm">
-				<h3>${tr:Lms.Explore.Release.similar-releases}</h3>
-				${similar-releases}
-			</div>
-		</div>
 	</div>
 </message>