From 2967fcea970f0b474b2a8587575be9213a2df2ea Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 19:51:21 +0300
Subject: [PATCH] Tokenize mobile padding + transition-duration literals
 (Angular parity)

---
 .../online-board/components/OnlineBoardStartPage.scss         | 4 ++--
 src/features/schedule/components/ScheduleStartPage.scss       | 4 ++--
 src/ui/city-autocomplete/CityPickerPopup.scss                 | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/online-board/components/OnlineBoardStartPage.scss b/src/features/online-board/components/OnlineBoardStartPage.scss
index b8c8c9ad..1e4bbf8c 100644
--- a/src/features/online-board/components/OnlineBoardStartPage.scss
+++ b/src/features/online-board/components/OnlineBoardStartPage.scss
@@ -70,12 +70,12 @@
     }
 
     .titles-container {
-      padding: 20px !important;
+      padding: vars.$space-xl !important;
       padding-top: 0 !important;
 
       div.title {
         width: 100% !important;
-        padding: 20px !important;
+        padding: vars.$space-xl !important;
         padding-left: 50px !important;
         background-size: 35px auto !important;
 
diff --git a/src/features/schedule/components/ScheduleStartPage.scss b/src/features/schedule/components/ScheduleStartPage.scss
index 1c1cefe2..0c390c5e 100644
--- a/src/features/schedule/components/ScheduleStartPage.scss
+++ b/src/features/schedule/components/ScheduleStartPage.scss
@@ -67,12 +67,12 @@
     }
 
     .titles-container {
-      padding: 20px !important;
+      padding: vars.$space-xl !important;
       padding-top: 0 !important;
 
       div.title {
         width: 100% !important;
-        padding: 20px !important;
+        padding: vars.$space-xl !important;
         padding-left: 50px !important;
         background-size: 35px auto !important;
 
diff --git a/src/ui/city-autocomplete/CityPickerPopup.scss b/src/ui/city-autocomplete/CityPickerPopup.scss
index d25adc55..ad29cef0 100644
--- a/src/ui/city-autocomplete/CityPickerPopup.scss
+++ b/src/ui/city-autocomplete/CityPickerPopup.scss
@@ -82,7 +82,7 @@
           padding: vars.$space-s2;
           cursor: pointer;
           border-radius: vars.$border-radius;
-          transition-duration: 0.1s;
+          transition-duration: 0.2s;
 
           &:hover { background-color: colors.$blue-extra-light; }
         }