From 7f6f77fa6fb78c4cb07b64bfc762b81345fcea14 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Tue, 15 Jan 2019 14:52:38 -0500
Subject: [PATCH] Sticky header no longer covered by leaflet zoom arrows

---
 css/app.css             | 2 +-
 scss/_stickyHeader.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/css/app.css b/css/app.css
index d2bde8b..f5ecf44 100644
--- a/css/app.css
+++ b/css/app.css
@@ -9522,7 +9522,7 @@ html body .inner-wrap #page-wrapper header #top-bar-wrapper {
   height: auto;
   background: #46b2f0;
   position: fixed;
-  z-index: 999;
+  z-index: 1001;
   top: 60px;
   transition: all 100ms ease-in; }
   html body .inner-wrap #page-wrapper header #top-bar-wrapper.navShadow {
diff --git a/scss/_stickyHeader.scss b/scss/_stickyHeader.scss
index f60efad..5320ca8 100644
--- a/scss/_stickyHeader.scss
+++ b/scss/_stickyHeader.scss
@@ -36,7 +36,7 @@ html body .inner-wrap #page-wrapper header #top-bar-wrapper {
 	// display: grid;
 	// grid-template-columns: 1fr 1fr;
 	position: fixed;
-    z-index: 999;
+    z-index: 1001; // to combat leaflet zoom buttons
     top: 60px;
 	transition: all 100ms ease-in;
 	&.navShadow {
-- 
2.17.1