From: Andy Allan <git@gravitystorm.co.uk>
Date: Wed, 16 Aug 2023 12:43:42 +0000 (+0100)
Subject: Merge pull request #4133 from AntonKhorev/flex-leaflet-controls
X-Git-Tag: live~634
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/6b633e9d4a49df1f9308ef392203437cb7742558?hp=9174049d6b4e50c32ba1a11b1c628bcfe32c06bf

Merge pull request #4133 from AntonKhorev/flex-leaflet-controls

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 3eedfdbae..2386fed82 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;