website

website/assets/map_howto.js

@@ -40,15 +40,22 @@ mapDiv.onclick = function () {
 
 // initMap()
 
+let movedTo2d = false
+
 function selectStyle(event, style) {
   initMap()
   toggleButtonSelection(event.target)
 
   const styleUrl = 'https://tiles.openfreemap.org/styles/' + style
   map.setStyle(styleUrl)
+
+  if (!movedTo2d) {
+    map.setCenter({ lng: 13.388, lat: 52.517 })
     map.setPitch(0)
     map.setBearing(0)
-  map.setZoom(12.5)
+    map.setZoom(9.5)
+    movedTo2d = true
+  }
 
   document.getElementById('style-url-code').innerText = styleUrl
 }

website/assets/style.css

@@ -321,7 +321,7 @@ hr {
 
 @media (max-width: 550px) {
   body {
-    padding: 0 20px 40px;
+    padding: 0 0 40px;
   }
 
   .static,
@@ -332,7 +332,15 @@ hr {
   h5,
   h6,
   .col-lbl,
-  p {
+  p,
+  .button-container,
+  #support-plans-slider {
     max-width: 100%;
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
+  #map-container {
+    height: 300px;
   }
 }