Make debug/config sidebar headers consistent

editor/js/ui/tab-config.js

@@ -19,7 +19,7 @@ RED.sidebar.config = (function() {
     var content = document.createElement("div");
     content.className = "sidebar-node-config"
 
-    $('<div id="sidebar-node-config-header">'+
+    $('<div class="button-group sidebar-header">'+
       '<a class="sidebar-header-button selected" id="workspace-config-node-filter-all" href="#"><span data-i18n="sidebar.config.filterAll"></span></a>'+
       '<a class="sidebar-header-button" id="workspace-config-node-filter-unused" href="#"><span data-i18n="sidebar.config.filterUnused"></span></a> '+
       '</div>'

editor/sass/colors.scss

@@ -43,6 +43,7 @@ $workspace-button-color-disabled: #ccc;
 $workspace-button-color-focus: #999;
 $workspace-button-color-hover: #666;
 $workspace-button-color-active: #666;
+$workspace-button-color-selected: #AAA;
 
 $typedInput-button-background: #efefef;
 $typedInput-button-background-hover: #ddd;

editor/sass/mixins.scss

@@ -58,11 +58,16 @@
         text-decoration: none;
     }
     &.selected:not(.disabled) {
-        color: $workspace-button-color-active;
+        color: $workspace-button-color-selected;
         background: $workspace-button-background-active;
         cursor: default;
     }
+
+    .button-group &:not(:first-child) {
+        border-left: none;
+    }
 }
+
 @mixin component-footer {
     border-top: 1px solid $primary-border-color;
     background: #f3f3f3;

editor/sass/sidebar.scss

@@ -62,6 +62,14 @@
     padding: 2px 8px;
 }
 
+.sidebar-header {
+    color: #666;
+    text-align: right;
+    padding: 8px 10px;
+    background: #f3f3f3;
+    border-bottom: 1px solid $secondary-border-color;
+}
+
 #sidebar-footer {
     @include component-footer;
 }
@@ -75,3 +83,6 @@
     line-height: 13px;
     padding: 5px 8px;
 }
+.sidebar-header-button:not(:first-child) {
+    border-left: none;
+}

editor/sass/tab-config.scss

@@ -67,14 +67,3 @@
     border-style: dashed;
     color: #aaa;
 }
-
-#sidebar-node-config-header {
-    color: #666;
-    text-align: right;
-    padding: 8px 10px;
-    background: #f3f3f3;
-    border-bottom: 1px solid $secondary-border-color;
-}
-.sidebar-header-button:not(:first-child) {
-    border-left: none;
-}