FIX: improves and fixes a regression with category-selector (#9821)

app/assets/javascripts/select-kit/app/components/category-selector.js

@@ -43,6 +43,10 @@ export default MultiSelectComponent.extend({
     );
   },
 
+  modifyComponentForRow() {
+    return "category-row";
+  },
+
   actions: {
     onChange(values) {
       this.attrs.onChange(

app/assets/javascripts/select-kit/app/templates/components/multi-select/selected-category.hbs

@@ -1,4 +1,6 @@
-<div class="body">
-  {{badge}}
-  {{d-icon "times"}}
+<div {{action "onSelectedNameClick"}} tabindex="0" title={{title}} data-value={{value}} data-name={{name}} class="select-kit-selected-name selected-name choice">
+  <div class="body">
+    {{badge}}
+    {{d-icon "times"}}
+  </div>
 </div>

app/assets/stylesheets/common/select-kit/category-selector.scss

@@ -9,5 +9,13 @@
         }
       }
     }
+
+    .category-row {
+      max-width: 100%;
+
+      .topic-count {
+        margin-left: 0.25em;
+      }
+    }
   }
 }