- active panel tabs are now highlighted with a bottom bar

src/components/panelSystem/panel/styles.styl

@@ -49,6 +49,17 @@ $panelPadding = 0.5em
 .tab-header {
   margin 0.5em 0 0 0
   cursor default /* to avoid tab text hover*/
+  position relative
+}
+
+.tab-header.active:after {
+  content ''
+  position absolute
+  left: 0
+  right -5px
+  bottom -($panelPadding)
+  height 1px
+  background-color $accentColor
 }
 
 .tab-host {
@@ -88,4 +99,4 @@ $panelPadding = 0.5em
 
 .tab-actions {
 
-}
\ No newline at end of file
+}

src/components/panelSystem/panel/tabHeader.tsx

@@ -27,7 +27,7 @@ export default class TabHeader extends React.Component<MyProps, any> {
       <div onClick={() => this.handleClicked()}
            className={
              this.props.isActive
-               ? 'tab-header toggled-active--color'
+               ? 'tab-header active toggled-active--color'
                : 'tab-header clickable'
            }
       >