From 087e6658abe603df4978264a6351c039fd17b60f Mon Sep 17 00:00:00 2001
From: Matthew McFarland <mmcfarland@azavea.com>
Date: Tue, 18 Jul 2017 16:20:55 -0400
Subject: [PATCH 1/2] Add a tooltip for inactive layers

---
 src/mmw/js/src/core/templates/layerPickerLayer.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/mmw/js/src/core/templates/layerPickerLayer.html b/src/mmw/js/src/core/templates/layerPickerLayer.html
index 14829767d..5b718746c 100644
--- a/src/mmw/js/src/core/templates/layerPickerLayer.html
+++ b/src/mmw/js/src/core/templates/layerPickerLayer.html
@@ -1,7 +1,7 @@
 <div class="layerpicker-layer">
     <button
         class="{{layerClass}}"
-        {% if isDisabled %} disabled {% endif %}
+        {% if isDisabled %}title="This layer is unavailable at this location" disabled {% endif %}
     >
         {{ layerDisplay }}
     </button>

From 0713ab4fc4817bcc3598a906fde527d145cdf5ea Mon Sep 17 00:00:00 2001
From: Matthew McFarland <mmcfarland@azavea.com>
Date: Tue, 18 Jul 2017 16:58:46 -0400
Subject: [PATCH 2/2] Darken the layer selector title

Both the active and inactive Grey colors are darkened so they are more
visible.
---
 src/mmw/sass/components/_layerpicker.scss | 4 ++--
 src/mmw/sass/utils/_variables.scss        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/mmw/sass/components/_layerpicker.scss b/src/mmw/sass/components/_layerpicker.scss
index 7b9051f59..2d9ee6dc5 100644
--- a/src/mmw/sass/components/_layerpicker.scss
+++ b/src/mmw/sass/components/_layerpicker.scss
@@ -48,7 +48,7 @@
   border: 0;
   outline: 0;
   background: none;
-  color: #999;
+  color: $ui-primary;
   &:hover {
     color: inherit;
   }
@@ -56,7 +56,7 @@
     color: $brand-primary;
   }
   &:disabled {
-      color: $ui-light;
+      color: $ui-medium-light;
   }
 }
 
diff --git a/src/mmw/sass/utils/_variables.scss b/src/mmw/sass/utils/_variables.scss
index 47c94565c..1e75e441a 100644
--- a/src/mmw/sass/utils/_variables.scss
+++ b/src/mmw/sass/utils/_variables.scss
@@ -16,6 +16,7 @@ $paper: #ffffff;
 $ui-primary: #273238; /*Dark Grey*/
 $ui-secondary: #394750; /*Medium Grey*/
 $ui-light: #eceff1; /*Light Grey*/
+$ui-medium-light: #BDBDBD; /* Medium Light Grey */
 $ui-grey: #787878 ; /* Output Tab Bar */
 $ui-danger: #e0412d; /*Errors*/
 $ui-warning: #e4b72f; /*Warnings*/