From bba793f22049fe411d549015856a1ff80087af79 Mon Sep 17 00:00:00 2001
From: Laury <laury@gaslightmedia.com>
Date: Fri, 16 Nov 2018 16:57:13 -0500
Subject: [PATCH] Adjust list styles to maximize map display when map view is
 enabled

---
 css/front.css                 | 17 +++++++++++++++--
 views/front/members/list.html |  5 ++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/css/front.css b/css/front.css
index 163cde5a..03ad7014 100644
--- a/css/front.css
+++ b/css/front.css
@@ -499,9 +499,22 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 /*
  * Map view styles start
  */
- .glm-member-db-list.glm-member-db-map-view.filters-opened #glm-locationMap-container {
+#glm-member-db-front-container .glm-member-db-list.glm-member-db-map-view.filters-opened #glm-locationMap-container {
     width: 100%;
- }
+}
+#glm-member-db-front-container .glm-member-db-list.glm-member-db-map-view .glm-member-list-inner-wrapper > *:not(#glm-locationMap-container) {
+    max-width: 1200px;
+    margin: 0 auto;
+    clear: both;
+}
+#glm-member-db-front-container .glm-member-db-list.glm-member-db-map-view #glm-member-list-filters-wrapper {
+    position: absolute !important;
+    top: 50px !important;
+    left: 20%;
+}
+#glm-member-db-front-container .glm-member-db-list.glm-member-db-map-view #glm-member-list-map-toggle {
+    display: none;
+}
  /*
  * Map view styles end
  */
diff --git a/views/front/members/list.html b/views/front/members/list.html
index 4aa884f9..cc6d2cea 100755
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -570,7 +570,10 @@
 
             function initMap() {
 
-                var leafletMap = L.map('LeafletMapContainer', {gestureHandling: true}).setView([{$settings.maps_default_lat}, {$settings.maps_default_lon}], defZoom);
+                var leafletMap = L.map('LeafletMapContainer', {
+                    gestureHandling: true
+                });
+                leafletMap.setView([{$settings.maps_default_lat}, {$settings.maps_default_lon}], defZoom);
                 var leafletTileServer = '{$settings.leaflet_tile_server}/{$settings.leaflet_tile_server_key}/' + {literal}'{z}/{x}/{y}.png'{/literal};
                 var leafletMinZoom = 3;
                 var leafletMaxZoom = 19;
-- 
2.17.1