From: Anton Khorev <tony29@yandex.ru>
Date: Mon, 19 Sep 2022 16:10:46 +0000 (+0300)
Subject: Specify border/spacing values in stylesheet
X-Git-Tag: live~996^2
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/3f5c3a9d92b8bd68e7ff0a2d68789fda5b623d97

Specify border/spacing values in stylesheet
---

diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js
index 6f3bb0c50..449c52038 100644
--- a/app/assets/javascripts/index.js
+++ b/app/assets/javascripts/index.js
@@ -111,12 +111,11 @@ $(document).ready(function () {
 
     var firstContainer = controls[0].getContainer();
     $(firstContainer).find(".control-button").first()
-      .css("border-start-start-radius", "4px");
+      .addClass("control-button-first");
 
     var lastContainer = controls[controls.length - 1].getContainer();
     $(lastContainer).find(".control-button").last()
-      .css("margin-bottom", "10px")
-      .css("border-end-start-radius", "4px");
+      .addClass("control-button-last");
   }
 
   addControlGroup([
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index f48387a59..a5afa85b1 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -376,6 +376,15 @@ body.small-nav {
     background-color: $vibrant-green;
   }
 
+  &-first {
+    border-start-start-radius: 4px;
+  }
+
+  &-last {
+    border-end-start-radius: 4px;
+    margin-bottom: 10px;
+  }
+
   .icon {
     margin: 10px;
   }