Replace padding/margin 10px/20px literals with vars.$space-m/$space-xl tokens (3 files)

src/features/online-board/components/OnlineBoardStartPage.scss

@@ -62,7 +62,7 @@
 
   @media (max-width: vars.$media-breakpoint-mobile) {
     section.frame h2 {
-      padding: 20px;
+      padding: vars.$space-xl;
       font-size: fonts.$font-size-xl1;
       line-height: 28px;
       padding-bottom: 0px;

src/features/schedule/components/ScheduleStartPage.scss

@@ -59,7 +59,7 @@
 
   @media (max-width: vars.$media-breakpoint-mobile) {
     section.frame h2 {
-      padding: 20px;
+      padding: vars.$space-xl;
       font-size: fonts.$font-size-xl1;
       line-height: 28px;
       padding-bottom: 0px;

src/ui/city-autocomplete/CityPickerPopup.scss

@@ -18,7 +18,7 @@
 
     .tab-button {
       flex-grow: 1;
-      padding: 10px;
+      padding: vars.$space-m;
       background-color: colors.$blue-extra-light;
       border: none;
       border-right: 1px solid colors.$border-input;