From 76d2d06e776c2b828347544821736e0c2bed1af4 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Wed, 11 Jan 2017 16:32:31 +0100
Subject: [PATCH] Make section headers white #64

---
 src/components/layers/LayerEditorGroup.jsx | 7 -------
 src/styles/_base.scss                      | 2 ++
 src/styles/_layer.scss                     | 4 ++--
 3 files changed, 4 insertions(+), 9 deletions(-)

diff --git a/src/components/layers/LayerEditorGroup.jsx b/src/components/layers/LayerEditorGroup.jsx
index d88e723..6634fa8 100644
--- a/src/components/layers/LayerEditorGroup.jsx
+++ b/src/components/layers/LayerEditorGroup.jsx
@@ -26,16 +26,9 @@ export default class LayerEditorGroup extends React.Component {
     onActiveToggle: React.PropTypes.func.isRequired
   }
 
-  constructor(props) {
-    super(props)
-    this.state = { hover: false }
-  }
-
   render() {
     return <div>
       <div className="maputnik-layer-editor-group"
-        onMouseOver={e => this.setState({hover: true})}
-        onMouseOut={e => this.setState({hover: false})}
         onClick={e => this.props.onActiveToggle(!this.props.isActive)}
       >
         <span>{this.props.title}</span>
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index 94a1805..ce81d9f 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -39,11 +39,13 @@ h1 {
 h2 {
   font-size: $font-size-3;
   margin-bottom: $margin-3;
+  font-weight: bold;
 }
 
 h3 {
   font-size: $font-size-4;
   margin-bottom: $margin-3;
+  font-weight: bold;
 }
 
 h4 {
diff --git a/src/styles/_layer.scss b/src/styles/_layer.scss
index e00dcb1..c1bd1e5 100644
--- a/src/styles/_layer.scss
+++ b/src/styles/_layer.scss
@@ -7,7 +7,7 @@
     padding: $margin-2;
     font-weight: bold;
     font-size: $font-size-5;
-    color: $color-lowgray;
+    color: $color-white;
     display: flex;
     display: -ms-flexbox;
     @include vendor-prefix(flex-direction, row)
@@ -77,7 +77,7 @@
   font-weight: bold;
   font-size: $font-size-5;
   background-color: lighten($color-black, 2);
-  color: $color-lowgray;
+  color: $color-white;
   cursor: pointer;
   user-select: none;
   padding: $margin-2;