From 913f7cfce3b0519a0a85a81d11b4a7a9c8bb75e3 Mon Sep 17 00:00:00 2001
From: Natalie <natalie.stjean@gmail.com>
Date: Mon, 3 Feb 2020 12:39:08 -0500
Subject: [PATCH] fix sidebar map-menu z-index layer bug

---
 app/assets/stylesheets/style.css       | 4 ++--
 app/views/layouts/application.html.erb | 9 ++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/style.css b/app/assets/stylesheets/style.css
index b47a71628f..464944bbf0 100644
--- a/app/assets/stylesheets/style.css
+++ b/app/assets/stylesheets/style.css
@@ -597,7 +597,7 @@ textarea, input {
 .inline-fullwidth-content {
   width:100vw !important;
   margin:0 calc((100% / 2) - 50vw) !important;
-  z-index: 10 !important;
+  /* z-index: 10 !important; */
 }
 
 @media (min-width: 992px) {
@@ -613,7 +613,7 @@ textarea, input {
 
 .sidebar-panel {
   background: rgba(255,255,255,0.8);
-  z-index: 9999;
+  z-index: 700;
   border-radius: 4px;
   padding: 10px; 
 }
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 880baffcfe..a0ad8b3b60 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -90,7 +90,10 @@
   <style type="text/css">
     .pac-container { z-index: 100000; }
 
-    .leaflet-control-layers {
+    #content .leaflet-pane {
+      z-index: auto;
+    }
+    #content .leaflet-control-layers {
         max-height: 200px;
         overflow: auto;
     }
@@ -103,10 +106,6 @@
       width: 800px !important;
     }
 
-    .peoplecard{
-      height:250px;
-    }
-
   </style>  
   
   <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-slider/10.2.0/bootstrap-slider.js"></script>