From caf38a8d37ad16e90d568872b10242d19548fd84 Mon Sep 17 00:00:00 2001
From: Andreas <6977712+AndreasK79@users.noreply.github.com>
Date: Wed, 9 Mar 2022 19:01:04 +0100
Subject: [PATCH] [Custom map] Responsive map

---
 application/views/interface_assets/footer.php | 4 ++--
 application/views/map/custom_date.php         | 2 +-
 assets/js/leaflet/leafembed.js                | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/application/views/interface_assets/footer.php b/application/views/interface_assets/footer.php
index 7978ec74..b8e272e4 100644
--- a/application/views/interface_assets/footer.php
+++ b/application/views/interface_assets/footer.php
@@ -645,7 +645,7 @@ function getLookupResult() {
         <?php } ?>
 
         var qso_loc = '<?php echo site_url('map/map_data_custom/');?><?php echo rawurlencode($date_from); ?>/<?php echo rawurlencode($date_to); ?>/<?php echo rawurlencode($this->input->post('band')); ?>';
-        var q_zoom = 2;
+        var q_zoom = 3;
 
       $(document).ready(function(){
             <?php if ($this->config->item('map_gridsquares') != FALSE) { ?>
@@ -653,7 +653,7 @@ function getLookupResult() {
             <?php } else { ?>
               var grid = "No";
             <?php } ?>
-            initmap(grid);
+            initmap(grid, 'custommap');
 
       });
     </script>
diff --git a/application/views/map/custom_date.php b/application/views/map/custom_date.php
index de416283..830adb58 100644
--- a/application/views/map/custom_date.php
+++ b/application/views/map/custom_date.php
@@ -53,6 +53,6 @@
 </div>
 
 	<!-- Map -->
-	<div id="map" style="width: 100%; height: 700px;"></div>
+	<div id="custommap" style="width: 100%; height: calc(100vh - 380px) !important;	max-height: 900px !important;"></div>
 
     <div class="alert alert-success" role="alert">Showing QSOs for Custom Date for Active Logbook <?php echo $logbook_name ?></div>
diff --git a/assets/js/leaflet/leafembed.js b/assets/js/leaflet/leafembed.js
index 8e9c57be..ab4b599b 100644
--- a/assets/js/leaflet/leafembed.js
+++ b/assets/js/leaflet/leafembed.js
@@ -10,7 +10,7 @@ var greenIcon = L.icon({
     iconSize:     [10, 10], // size of the icon
 });
 
-function initmap(ShowGrid = 'No') {
+function initmap(ShowGrid = 'No', MapTag = 'map') {
     // set up AJAX request
     ajaxRequest=getXmlHttpObject();
     if (ajaxRequest==null) {
@@ -19,7 +19,7 @@ function initmap(ShowGrid = 'No') {
     }
     
     // set up the map
-    map = new L.Map('map');
+    map = new L.Map(MapTag);
 
     // create the tile layer with correct attribution
     var osmUrl='https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';