map fixess

Author: igwill

_includes/researchmap.html

@@ -1,5 +1,12 @@
 <style>
-.map-wrap { position: relative; display: block; width: 100%; }
+  .map-wrap { 
+    position: relative; 
+    display: block; 
+    width: 100%; 
+    clear: both; /* This prevents the map from 'floating' up into the header space */
+    margin-top: 20px; 
+  }
+/* old line 2: .map-wrap { position: relative; display: block; width: 100%; }
 
 /* Your background map image */
 .map-wrap img.basemap { width: 100%; display: block; }

assets/css/main.scss

@@ -41,15 +41,14 @@
     "vendor/font-awesome/solid",
     "vendor/font-awesome/brands"
 ;
-/* Fix for dark mode toggle shifting on the map page */
+/* Fix for dark mode toggle shifting */
+.greedy-nav .search-toggle,
 .greedy-nav .nav-selector {
-  z-index: 2000 !important; /* Keep it above Leaflet (default 1000) */
-  display: flex;
-  align-items: center;
+  display: flex !important;
+  align-items: center !important;
+  vertical-align: middle !important;
 }
 
-#map {
-  /* Prevent the map from expanding and pushing the header */
-  margin-top: 20px; 
-  clear: both;
+.greedy-nav {
+  overflow: visible !important; /* Prevents the icon from being 'pushed' out of view */
 }