Factorized sort mode, now using a more compact dropdown menu

approot/artists.xml

@@ -3,32 +3,9 @@
 <!--FORMS message blocks-->
 
 <message id="Lms.Explore.Artists.template">
-	<div class="mb-3">
-		<ul class="nav nav-pills mb-2">
-			<li class="nav-item">
-				${random class="nav-link"}
-			</li>
-			<li class="nav-item">
-				${starred class="nav-link"}
-			</li>
-			<li class="nav-item">
-				${recently-played class="nav-link"}
-			</li>
-			<li class="nav-item">
-				${most-played class="nav-link"}
-			</li>
-			<li class="nav-item">
-				${recently-added class="nav-link"}
-			</li>
-			<li class="nav-item">
-				${all class="nav-link"}
-			</li>
-		</ul>
-		<div class="row">
-			<div class="col-lg-3">
-				${link-type class="form-select"}
-			</div>
-		</div>
+	<div class="d-flex justify-content-between align-items-center mb-3">
+		${link-type}
+		${sort-mode}
 	</div>
 	${artists}
 </message>
@@ -42,4 +19,24 @@
 	${loading-indicator}
 </message>
 
+<message id="Lms.Explore.Artists.template.track-artist-link-type-selector">
+	<div class="dropdown">
+		<button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+			${link-type}
+		</button>
+		<ul class="dropdown-menu">
+			<li>${link-type-all class="dropdown-item"}</li>
+			<li>${link-type-artist class="dropdown-item"}</li>
+			<li>${link-type-releaseartist class="dropdown-item"}</li>
+			<li>${link-type-composer class="dropdown-item"}</li>
+			<li>${link-type-conductor class="dropdown-item"}</li>
+			<li>${link-type-lyricist class="dropdown-item"}</li>
+			<li>${link-type-mixer class="dropdown-item"}</li>
+			<li>${link-type-performer class="dropdown-item"}</li>
+			<li>${link-type-producer class="dropdown-item"}</li>
+			<li>${link-type-remixer class="dropdown-item"}</li>
+		</ul>
+	</div>
+</message>
+
 </messages>