From 98d1da4b9894c3feb5912912aa773c84bae42666 Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Wed, 2 Aug 2023 20:58:33 +0300
Subject: [PATCH] Use multiple columns for map controls if they don't fit
 vertically

---
 app/assets/stylesheets/common.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

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;
-- 
2.39.5