From 3806e8371a58d272e3d575ba034f0de91caba5d5 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Mon, 20 Apr 2026 16:18:37 +0300
Subject: [PATCH] ScheduleSearchPage direction-switch: $space-xl margin +
 bottom border (Angular .schedule-home-page-header parity)

---
 .../schedule/components/ScheduleSearchPage.scss     | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/features/schedule/components/ScheduleSearchPage.scss b/src/features/schedule/components/ScheduleSearchPage.scss
index a0b3b64c..b7894d15 100644
--- a/src/features/schedule/components/ScheduleSearchPage.scss
+++ b/src/features/schedule/components/ScheduleSearchPage.scss
@@ -34,9 +34,20 @@
 // `Туда / Обратно` segmented switch in the sticky header for round-
 // trip schedules. Mirrors Angular `schedule-direction-switch.component`
 // exactly: fixed-width 130×40 buttons with an extra-blue border, the
-// active button filled extra-blue with white text.
+// active button filled extra-blue with white text. The $space-xl
+// margin matches Angular's `.schedule-home-page-header { margin: $space-xl }`
+// and the bottom border mirrors `.schedule-home-page-header-border`.
 .schedule-direction-switch {
   display: flex;
+  margin: vars.$space-xl;
+  padding-bottom: vars.$space-xl;
+  border-bottom: 1px solid colors.$border;
+
+  @include screen.mobile {
+    margin-left: 0;
+    margin-right: 0;
+    border-bottom: none;
+  }
 
   &__btn {
     display: flex;