LT-250: Fixing toolbar icon colors and disabling selection on header

Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html

@@ -1,5 +1,5 @@
 <template name="toolbarSection">
-    <div class="toolbarSection p-x-2">
+    <div class="toolbarSection noselect p-x-2">
         <div class="clearfix">
             <div class="pull-left m-t-1">
                 {{>roundedButtonGroup leftSidebarToggleButtonData}}
@@ -74,4 +74,4 @@
             </div>
         </div>
     </div>
-</template>
+</template>

Packages/lesiontracker/client/components/toolbarSection/toolbarSection.styl

@@ -24,6 +24,7 @@
       cursor: not-allowed
 
     .buttonLabel
+      color: $textSecondaryColor
       font-size: 12px
 
     .svgContainer
@@ -36,20 +37,24 @@
       width: 21px
       height: 21px
 
-    &:active, &.active
-      color: $activeColor
-
-      svg
-        fill: $activeColor
-        stroke: $activeColor
 
     &:hover
-      color: $hoverColor
+
+      .buttonLabel
+        color: $hoverColor
 
       svg
         fill: $hoverColor
         stroke: $hoverColor
 
+    &:active, &.active
+      .buttonLabel
+        color: $activeColor
+
+      svg
+        fill: $activeColor
+        stroke: $activeColor
+
   .toolbarSectionEntry
     color: $defaultColor
     cursor: pointer