From: Simon Cozens <simon@simon-cozens.org>
Date: Fri, 18 Jul 2025 13:21:18 +0000 (+0100)
Subject: Add “Sort by” label, put category list first
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=f577f9a0d92245c0652af8758556f2eec2aba9c4;p=thirdparty%2Fgoogle%2Ffonts.git

Add “Sort by” label, put category list first
---

diff --git a/tagger2/TagsByCategories.js b/tagger2/TagsByCategories.js
index 1ede09628..2c556d439 100644
--- a/tagger2/TagsByCategories.js
+++ b/tagger2/TagsByCategories.js
@@ -39,15 +39,18 @@ export default {
   template: `
     <div>
       <h3>Tags for categories:</h3>
-      <select v-model="sortBy">
-        <option value="family">Family</option>
-        <option value="score">Score</option>
-      </select>
-      <select v-model="selectedCategories" multiple>
-        <option v-for="category in sortedCategories" :key="category">
-          {{ category }}
-        </option>
-      </select>
+      <div>
+        <select v-model="selectedCategories" multiple>
+          <option v-for="category in sortedCategories" :key="category">
+            {{ category }}
+          </option>
+        </select>
+        <label for="sortBy">Sort by:</label>
+        <select id="sortBy" v-model="sortBy">
+          <option value="family">Family</option>
+          <option value="score">Score</option>
+        </select>
+      </div>
         <div v-for="tag in filteredTags" :key="tag.family.name + tag.tagName + tag.score">
           <tag-view :tag="tag"></tag-view>
         </div>