Still converting to bootstrap 5. Minor fixes

approot/artists.xml

@@ -37,4 +37,9 @@
 	${name class="text-decoration-none link-secondary"}
 </message>
 
+<message id="Lms.Explore.Artists.template.container">
+	${elements class="d-grid gap-3"}
+	${loading-indicator}
+</message>
+
 </messages>

approot/messages.xml

@@ -80,6 +80,7 @@
 <message id="Lms.Admin.ScannerController.step-fetching-track-features">Fetching track features from AcousticBrainz: {1}/{2} tracks ({3}%)...</message>
 <message id="Lms.Admin.ScannerController.step-reloading-similarity-engine">Reloading similarity engine: {1}%...</message>
 <message id="Lms.Admin.ScannerController.step-scanning-files">Scanning files: {1}/{2} files ({3}%)...</message>
+<message id="Lms.Admin.ScannerController.step-status">Step status</message>
 
 <!--Users-->
 <message id="Lms.Admin.Users.add">New user</message>

approot/messages_fr.xml

@@ -80,6 +80,7 @@
 <message id="Lms.Admin.ScannerController.step-fetching-track-features">Récupération des métadonnées AcousticBrainz : {1}/{2} fichiers ({3}%)...</message>
 <message id="Lms.Admin.ScannerController.step-reloading-similarity-engine">Rechargement du moteur de recommandation : {1}%...</message>
 <message id="Lms.Admin.ScannerController.step-scanning-files">Scan des fichiers : {1}/{2} fichiers ({3}%)...</message>
+<message id="Lms.Admin.ScannerController.step-status">Statut de l'étape</message>
 
 <!--Users-->
 <message id="Lms.Admin.Users.add">Ajouter</message>

approot/messages_it.xml

@@ -80,6 +80,7 @@
 <message id="Lms.Admin.ScannerController.step-reloading-similarity-engine">Ricarica motore di tracce simili: {1}%...</message>
 <message id="Lms.Admin.ScannerController.step-scanning-files">Scansione files: {1}/{2} files ({3}%)...</message>
 
+
 <!--Users-->
 <message id="Lms.Admin.Users.add">Nuovo utente</message>
 <message id="Lms.Admin.Users.admin">Amministratore</message>

approot/messages_zh.xml

@@ -81,6 +81,7 @@
 <message id="Lms.Admin.ScannerController.step-reloading-similarity-engine">重载相似引擎中 {1}%...</message>
 <message id="Lms.Admin.ScannerController.step-scanning-files">扫描文件中: {1}/{2} 文件 ({3}%)...</message>
 
+
 <!--Users-->
 <message id="Lms.Admin.Users.add">新建用户</message>
 <message id="Lms.Admin.Users.admin">管理员</message>

approot/misc.xml

@@ -10,7 +10,7 @@
 </message>
 
 <message id="Lms.infinite-scrolling-container">
-	${elements class="d-grid gap-3"}
+	${elements}
 	${loading-indicator}
 </message>
 

approot/playqueue.xml

@@ -31,13 +31,13 @@
 <message id="Lms.PlayQueue.template.more-btn"><i class="fa fa-fw fa-ellipsis-v"></i></message>
 
 <message id="Lms.PlayQueue.template.entry">
-	<div class="d-flex align-items-center rounded Lms-bg-dark-hover">
+	<div class="d-flex align-items-center rounded Lms-bg-dark-hover mb-2">
 		<div class="p-1 Lms-cover-small">
 			${cover}
 		</div>
-		<div class="p-2 flex-fill">
+		<div class="p-2 flex-fill text-truncate">
-			<div>${name}</div>
+			<div class="d-block text-truncate">${name}</div>
-			${<if-has-release>}${release class="text-decoration-none link-success"}${</if-has-release>}
+			${<if-has-release>}${release class="text-decoration-none link-success text-truncate"}${</if-has-release>}
 		</div>
 		<div class="p-2 d-none d-sm-block text-muted">
 			${duration}

approot/releases.xml

@@ -39,8 +39,8 @@
 </message>
 
 <message id="Lms.Explore.Releases.template.entry-grid">
-	<div class="col">
+	<div class="col h-100 Lms-bg-dark-hover rounded">
-		<div class="Lms-bg-dark-hover rounded p-2">
+		<div class="p-2">
 			<div class="Lms-responsive-square Lms-cover-container">
 				${cover class="shadow-sm"}
 			</div>

approot/tracks.xml

@@ -40,13 +40,13 @@
 </message>
 
 <message id="Lms.Explore.Tracks.template.entry">
-	<div class="d-flex align-items-center rounded Lms-bg-dark-hover">
+	<div class="d-flex align-items-center rounded Lms-bg-dark-hover mb-2">
 		<div class="p-1 Lms-cover-small">
 			${cover}
 		</div>
-		<div class="p-2 flex-fill">
+		<div class="p-2 flex-fill text-truncate">
-			<div>${name}</div>
+			<div class="d-block text-truncate">${name}</div>
-			${<if-has-release>}${release class="text-decoration-none link-success"}${</if-has-release>}
+			${<if-has-release>}${release class="text-decoration-none link-success text-truncate"}${</if-has-release>}
 		</div>
 		<div class="p-2 d-none d-sm-block text-muted">
 			${duration}

docroot/css/lms.css

@@ -9,8 +9,8 @@ body {
 }
 
 .Lms-cover-small {
-	width: 72px;
+	width: 64px;
-	min-width: 72px;
+	min-width: 64px;
 }
 
 .Lms-notification-container {

src/lms/ui/explore/ArtistsView.cpp

@@ -85,7 +85,7 @@ Artists::Artists(Filters& filters)
 			refreshArtistLinkTypes();
 	});
 
-	_container = bindNew<InfiniteScrollingContainer>("artists");
+	_container = bindNew<InfiniteScrollingContainer>("artists", Wt::WString::tr("Lms.Explore.Artists.template.container"));
 	_container->onRequestElements.connect([this]
 	{
 		addSome();

src/lms/ui/explore/SearchView.cpp

@@ -44,7 +44,7 @@ namespace UserInterface
 	{
 		addFunction("tr", &Wt::WTemplate::Functions::tr);
 
-		_artists = bindNew<InfiniteScrollingContainer>("artists", Wt::WString::tr("Lms.infinite-scrolling-container"));
+		_artists = bindNew<InfiniteScrollingContainer>("artists", Wt::WString::tr("Lms.Explore.Artists.template.container"));
 		_artists->onRequestElements.connect([this] { addSomeArtists(); });
 
 		_releases = bindNew<InfiniteScrollingContainer>("releases", Wt::WString::tr("Lms.Explore.Releases.template.container"));