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;