From 8ca4eb1747c14819c0b671aad647c4fcad75d48f Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@gmail.com>
Date: Fri, 24 Jul 2020 18:19:37 +0200
Subject: [PATCH] Css tweaking

---
 Customizations/Layers/BikeStations.ts | 2 +-
 index.css                             | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/Customizations/Layers/BikeStations.ts b/Customizations/Layers/BikeStations.ts
index 62ceb20..ff2987b 100644
--- a/Customizations/Layers/BikeStations.ts
+++ b/Customizations/Layers/BikeStations.ts
@@ -82,7 +82,7 @@ export default class BikeStations extends LayerDefinition {
                 icon: L.icon({
                     iconUrl: iconUrl,
                     iconSize: [50, 50],
-                    iconAnchor: [25,50]
+                    iconAnchor: [25, 50]
                 })
             };
         };
diff --git a/index.css b/index.css
index f0c90b4..ed506c0 100644
--- a/index.css
+++ b/index.css
@@ -320,7 +320,9 @@ form {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     width: 100%;
-    max-width: 35vw;
+    max-width: calc(max(35vw, 30em));
+    max-height: calc(100vh - 15em);
+    overflow-y: auto;
 }
 
 #messagesbox {
@@ -453,7 +455,7 @@ form {
 }
 
 
-@media only screen and (max-width: 600px), only screen and (max-height: 300px) {
+@media only screen and (max-width: 600px), only screen and (max-height: 600px) {
     #messagesbox-wrapper {
         display: none;
     }
@@ -547,7 +549,7 @@ form {
 
 
 @media only screen and (max-height: 400px) {
-    /* Landscape */
+    /* Portait: small 'to the map' */
     #to-the-map {
         position: relative;
         height: 100%;