Bigger releases entries, added comment at the end of the name

approot/release.xml

@@ -12,7 +12,7 @@
 			${cover}
 		</div>
 		<div class="col">
-			<h2>${name}</h2>
+			<h2>${name}${<if-has-release-comment>}<span class="ms-1 text-muted">[${comment}]</span>${</if-has-release-comment>}</h2>
 			${<if-has-release-artists>}${artists}${</if-has-release-artists>}
 			<div class="small text-muted">${<if-has-year>}${year} · ${</if-has-year>}${duration}</div>
 			${clusters class="mb-2"}
@@ -41,7 +41,7 @@
 	</div>
 	${<if-has-similar-releases>}
 	<h3>${tr:Lms.Explore.Release.similar-releases}</h3>
-	${similar-releases class="row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6 gx-2 gy-4"}
+	${similar-releases class="row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 gx-2 gy-4"}
 	${</if-has-similar-releases>}
 </message>
 

approot/releases.xml

@@ -27,15 +27,15 @@
 			<div class="Lms-responsive-square Lms-cover-container mb-1">
 				${cover class="shadow-sm"}
 			</div>
-			${release-name class="d-block text-truncate text-nowrap text-decoration-none link-success"}
-			${<if-has-artist>}${artist-name class="d-block text-truncate text-nowrap"}${</if-has-artist>}
+			${release-name class="Lms-multiline-clamp text-decoration-none link-success"}
+			${<if-has-artist>}${artist-name class="Lms-multiline-clamp"}${</if-has-artist>}
 			${<if-has-year>}<div class="small text-muted">${year}</div>${</if-has-year>}
 		</div>
 	</div>
 </message>
 
 <message id="Lms.Explore.Releases.template.container">
-	${elements class="row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-6 gx-2 gy-4"}
+	${elements class="row row-cols-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 gx-2 gy-4"}
 	${loading-indicator}
 </message>
 

docroot/css/lms.css

@@ -103,6 +103,15 @@ body {
   background-color: var(--bs-gray-900);
 }
 
+.Lms-multiline-clamp {
+    line-clamp: 2;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    display: -webkit-box;
+    word-break: break-word;
+    -webkit-box-orient: vertical;
+}
+
 .Lms-notification-container {
 	position: fixed;
 	bottom: 78px;

src/lms/ui/Utils.cpp

@@ -299,10 +299,16 @@ namespace lms::ui::utils
     std::unique_ptr<Wt::WAnchor> createReleaseAnchor(db::Release::pointer release, bool setText)
     {
         auto res = std::make_unique<Wt::WAnchor>(createReleaseLink(release));
-
         if (setText)
         {
             std::string releaseName{ release->getName() };
+            if (std::string_view releaseComment{ release->getComment() }; !releaseComment.empty())
+            {
+                releaseName += " [";
+                releaseName += releaseComment;
+                releaseName += ']';
+            }
+
             res->setTextFormat(Wt::TextFormat::Plain);
             res->setText(Wt::WString::fromUTF8(releaseName));
             res->setToolTip(Wt::WString::fromUTF8(releaseName), Wt::TextFormat::Plain);

src/lms/ui/explore/ReleaseView.cpp

@@ -216,7 +216,7 @@ namespace lms::ui
         if (!releaseId)
             throw ReleaseNotFoundException{};
 
-        auto similarReleasesIds{ core::Service<recommendation::IRecommendationService>::get()->getSimilarReleases(*releaseId, 6) };
+        auto similarReleasesIds{ core::Service<recommendation::IRecommendationService>::get()->getSimilarReleases(*releaseId, 5) };
 
         auto transaction{ LmsApp->getDbSession().createReadTransaction() };
 
@@ -232,6 +232,11 @@ namespace lms::ui
         refreshSimilarReleases(similarReleasesIds);
 
         bindString("name", Wt::WString::fromUTF8(std::string{ release->getName() }), Wt::TextFormat::Plain);
+        if (std::string_view comment{ release->getComment() }; !comment.empty())
+        {
+            setCondition("if-has-release-comment", true);
+            bindString("comment", Wt::WString::fromUTF8(std::string{ comment }), Wt::TextFormat::Plain);
+        }
 
         Wt::WString year{ releaseHelpers::buildReleaseYearString(release->getYear(), release->getOriginalYear()) };
         if (!year.empty())