Adjust list styles to maximize map display when map view is enabled

diff --git a/css/front.css b/css/front.css
index 163cde5..03ad701 100644 (file)
--- 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 4aa884f..cc6d2ce 100755 (executable)
--- 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;