From: Anton Khorev <tony29@yandex.ru>
Date: Wed, 2 Aug 2023 17:58:33 +0000 (+0300)
Subject: Use multiple columns for map controls if they don't fit vertically
X-Git-Tag: live~1075^2
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/98d1da4b9894c3feb5912912aa773c84bae42666

Use multiple columns for map controls if they don't fit vertically
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index d74ece45a..5f4c9777d 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -351,6 +351,15 @@ body.small-nav {
 
 /* Rules for Leaflet maps */
 
+.leaflet-top.leaflet-right,
+.leaflet-top.leaflet-left {
+  height: 100%;
+  column-gap: 10px;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap-reverse;
+}
+
 .leaflet-control .control-button {
   display: block;
   height: 40px;