From 218d3b36c79d8b7b15a4b8fa441ed320d703b702 Mon Sep 17 00:00:00 2001 From: Norbert Renner Date: Wed, 8 Aug 2018 18:46:24 +0200 Subject: [PATCH] Improve Landscape mode: wrap toolbar controls, bottom underneath top --- css/style.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/css/style.css b/css/style.css index f51d96e..a7ee4f9 100644 --- a/css/style.css +++ b/css/style.css @@ -38,6 +38,22 @@ table.dataTable { flex: auto; } +/* wrap toolbar controls */ +.leaflet-top.leaflet-left { + bottom: 0; + margin-bottom: 10px; + + display: flex; + flex-direction: column; + align-items: flex-start; + flex-wrap: wrap; +} + +/* bottom underneath top controls when overlapping */ +.leaflet-bottom { + z-index: 999; +} + .navbar { /* align with leaflet-control */ padding: .5rem 10px;