Add “Sort by” label, put category list first

diff --git a/tagger2/TagsByCategories.js b/tagger2/TagsByCategories.js
index 1ede096286d9baaa623efd7b428dea4551190918..2c556d43932bf8f99485c5fdfc9768985d4d3507 100644 (file)
--- 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>