From 3f5c3a9d92b8bd68e7ff0a2d68789fda5b623d97 Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Mon, 19 Sep 2022 19:10:46 +0300
Subject: [PATCH] Specify border/spacing values in stylesheet

---
 app/assets/javascripts/index.js    | 5 ++---
 app/assets/stylesheets/common.scss | 9 +++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

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;
   }
-- 
2.45.1