UX: More consistent structure for active nav-pill

app/assets/javascripts/discourse/components/edit-category-tab.js.es6

@@ -2,7 +2,7 @@ import { propertyEqual } from "discourse/lib/computed";
 
 export default Ember.Component.extend({
   tagName: "li",
-  classNameBindings: ["active", "tabClassName"],
+  classNameBindings: ["tabClassName"],
 
   tabClassName: function() {
     return "edit-category-" + this.get("tab");

app/assets/javascripts/discourse/templates/components/edit-category-tab.hbs

@@ -1 +1 @@
-<a href {{action "select"}}>{{title}}</a>
+  <a href  {{action "select"}}  class="{{if active 'active'}}">{{title}}</a>

app/assets/stylesheets/common/components/navs.scss

@@ -48,7 +48,6 @@
       }
     }
 
-    &.active > a,
     > a.active {
       color: $secondary;
       background-color: $quaternary;