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 {{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;
+      }
+    }
   }
 }