Fixed size for covers

approot/artist.xml

@@ -26,7 +26,9 @@
 		<div class="col-xs-12">
 			<div class="media">
 				<div class="media-left media-middle">
-					${cover class="media-object Lms-cover"}
+					<div class="media-object Lms-cover-container-medium">
+						${cover}
+					</div>
 				</div>
 				<div class="media-body media-middle">
 					<h4 class="media-heading">

approot/playqueue.xml

@@ -33,7 +33,9 @@
 		<div class="col-xs-9 Lms-playqueue-entry-name">
 			<div class="media">
 				<div class="media-left media-middle hidden-xs">
-					${cover class="media-object Lms-cover Lms-cover-container-smaller"}
+					<div class="media-object Lms-cover-container-small">
+						${cover}
+					</div>
 				</div>
 				<div class="media-body media-middle">
 					<h4><div class="Lms-trackname text-primary">${name}</div></h4>

approot/releases.xml

@@ -21,7 +21,9 @@
 		<div class="col-xs-12">
 			<div class="media">
 				<div class="media-left media-middle">
-					${cover class="media-object Lms-cover Lms-cover-container-medium"}
+					<div class="media-object Lms-cover-container-medium">
+						${cover}
+					</div>
 				</div>
 				<div class="media-body media-middle">
 					<h4 class="media-heading">
@@ -40,7 +42,9 @@
 		<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 class="media-object Lms-cover-container-smaller">
+						${cover}
+					</div>
 				</div>
 				<div class="media-body media-middle">
 					<div class="media-heading">

approot/search.xml

@@ -25,7 +25,9 @@
 		<div class="col-xs-12 Lms-explore-tracks-entry-name">
 			<div class="media">
 				<div class="media-left media-middle hidden-xs">
-					${cover class="media-object Lms-cover"}
+					<div class="media-object Lms-cover-container-small">
+						${cover}
+					</div>
 				</div>
 				<div class="media-body media-middle">
 					<h4><div class="Lms-trackname text-primary">${name}</div></h4>

approot/tracks.xml

@@ -26,7 +26,9 @@
 		<div class="col-xs-9 Lms-explore-tracks-entry-name">
 			<div class="media">
 				<div class="media-left media-middle hidden-xs">
-					${cover class="media-object Lms-cover"}
+					<div class="media-object Lms-cover-container-small">
+						${cover}
+					</div>
 				</div>
 				<div class="media-body media-middle">
 					<h4><div class="Lms-trackname text-primary">${name}</div></h4>

approot/tracksinfo.xml

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<messages xmlns:if="Wt.WTemplate.conditions">
-<!--FORMS message blocks-->
-
-<message id="Lms.Explore.TracksInfo.template">
-	<h3>${tr:Lms.Explore.TracksInfo.most-played}</h3>
-	${most-played}
-	<h3>${tr:Lms.Explore.TracksInfo.recently-added}</h3>
-	${recently-added}
-</message>
-
-<message id="Lms.Explore.TracksInfo.template.entry">
-	<div class="row Lms-explore-tracksinfo-entry Lms-vertical-align">
-		<div class="col-xs-12 Lms-trackname">
-			${name}
-		</div>
-	</div>
-</message>
-
-</messages>

docroot/css/lms.css

@@ -62,40 +62,41 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	cursor: pointer;
 }
 
+.Lms-cover {
+    max-height: 100%;
+    max-width: 100%;
+    width: auto;
+    height: auto;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+	border-radius: 3px;
+	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
+}
+
 .Lms-cover:hover {
 	filter: brightness(130%);
 }
 
 .Lms-cover-container-smaller {
-}
-
-.Lms-cover-smaller {
 	width: 64px;
-	border-radius: 3px;
+	height: 64px;
-	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
+	position: relative;
 }
 
 .Lms-cover-container-small {
-}
-
-.Lms-cover-small {
 	width: 96px;
-	border-radius: 3px;
+	height: 96px;
-	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
+	position: relative;
 }
 
 .Lms-cover-container-medium {
-}
-
-.Lms-cover-medium {
 	width: 128px;
-	border-radius: 3px;
+	height: 128px;
-	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
+	position: relative;
-}
-
-.Lms-cover-large {
-	border-radius: 3px;
-	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
 }
 
 .Lms-entry-playing {
@@ -119,8 +120,8 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 }
 
 .Lms-explore-releases-entry {
-	padding-top: 8px;
+	padding-top: 4px;
-	padding-bottom: 8px;
+	padding-bottom: 4px;
 }
 
 .Lms-explore-release-cover {
@@ -181,8 +182,8 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 }
 
 .Lms-explore-artist-entry {
-	padding-top: 8px;
+	padding-top: 4px;
-	padding-bottom: 8px;
+	padding-bottom: 4px;
 }
 
 .Lms-explore-artist-entries-container {
@@ -193,10 +194,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	margin-bottom: 8px;
 }
 
-.Lms-explore-tracks-entry {
-	min-height: 32px;
-}
-
 .Lms-explore-tracks-entry:hover .Lms-explore-tracks-entry-controls {
 	display: block;
 }
@@ -221,11 +218,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	display: block;
 }
 
-.Lms-explore-tracksinfo-entry {
-	min-height: 28px;
-	margin: 0;
-}
-
 .Lms-header {
 	padding-bottom: 9px;
 	margin-top: 20px;
@@ -248,10 +240,6 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	text-align: left;
 }
 
-.Lms-playqueue-entry {
-	min-height: 32px;
-}
-
 .Lms-playqueue-entry:hover .Lms-playqueue-entry-controls {
 	display: block;
 }

src/lms/ui/explore/ArtistView.cpp

@@ -144,7 +144,7 @@ Artist::createRelease(const Database::Artist::pointer& artist, const Release::po
 
 		auto cover = std::make_unique<Wt::WImage>();
 		cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 128));
-		cover->setStyleClass("Lms-cover-medium");
+		cover->setStyleClass("Lms-cover");
 		anchor->setImage(std::move(cover));
 	}
 

src/lms/ui/explore/ReleaseListHelpers.cpp

@@ -43,7 +43,7 @@ namespace UserInterface::ReleaseListHelpers
 		Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
 		auto cover = std::make_unique<Wt::WImage>();
 		cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 64));
-		cover->setStyleClass("Lms-cover-smaller");
+		cover->setStyleClass("Lms-cover");
 		anchor->setImage(std::move(cover));
 
 		auto artists = release->getReleaseArtists();

src/lms/ui/explore/ReleasesView.cpp

@@ -117,7 +117,7 @@ Releases::createEntry(const Release::pointer& release)
 	Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
 	auto cover = std::make_unique<Wt::WImage>();
 	cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 128));
-	cover->setStyleClass("Lms-cover-medium");
+	cover->setStyleClass("Lms-cover");
 	anchor->setImage(std::move(cover));
 
 	entry->bindWidget("release-name", LmsApplication::createReleaseAnchor(release));

src/lms/ui/explore/SearchView.cpp

@@ -72,7 +72,7 @@ namespace UserInterface
 				Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
 				auto cover = std::make_unique<Wt::WImage>();
 				cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 96));
-				cover->setStyleClass("Lms-cover-small");
+				cover->setStyleClass("Lms-cover");
 				anchor->setImage(std::move(cover));
 			}
 		}
@@ -80,7 +80,7 @@ namespace UserInterface
 		{
 			auto cover = entry->bindNew<Wt::WImage>("cover");
 			cover->setImageLink(LmsApp->getImageResource()->getTrackUrl(trackId, 96));
-			cover->setStyleClass("Lms-cover-small");
+			cover->setStyleClass("Lms-cover");
 		}
 
 		return entry;

src/lms/ui/explore/TracksView.cpp

@@ -229,7 +229,7 @@ Tracks::createEntry(const Track::pointer& track)
 			Wt::WAnchor* anchor = entry->bindWidget("cover", LmsApplication::createReleaseAnchor(release, false));
 			auto cover = std::make_unique<Wt::WImage>();
 			cover->setImageLink(LmsApp->getImageResource()->getReleaseUrl(release.id(), 96));
-			cover->setStyleClass("Lms-cover-small");
+			cover->setStyleClass("Lms-cover");
 			anchor->setImage(std::move(cover));
 		}
 	}
@@ -237,7 +237,7 @@ Tracks::createEntry(const Track::pointer& track)
 	{
 		auto cover = entry->bindNew<Wt::WImage>("cover");
 		cover->setImageLink(LmsApp->getImageResource()->getTrackUrl(trackId, 96));
-		cover->setStyleClass("Lms-cover-small");
+		cover->setStyleClass("Lms-cover");
 	}
 
 	entry->bindString("duration", trackDurationToString(track->getDuration()), Wt::TextFormat::Plain);