diff --git a/src/features/schedule/components/ScheduleDetailsPage.scss b/src/features/schedule/components/ScheduleDetailsPage.scss index c39e794a..1a110159 100644 --- a/src/features/schedule/components/ScheduleDetailsPage.scss +++ b/src/features/schedule/components/ScheduleDetailsPage.scss @@ -42,6 +42,20 @@ } } +// The connecting-itinerary "Пересадка" strip between two flights. +// Angular renders it with generous vertical margin AND the same +// rounded-card treatment as `.transfer-bar--separated` — otherwise +// the strip sits flush against the preceding FlightSchedule block +// and the next flight's header, reading as a shared edge rather than +// a separator. +.schedule-details__transfer { + margin: vars.$space-l 0; + + > .transfer-bar { + border-radius: vars.$border-radius; + } +} + .schedule-details { display: flex; flex-direction: column; diff --git a/src/features/schedule/components/ScheduleDetailsPage.tsx b/src/features/schedule/components/ScheduleDetailsPage.tsx index b2755420..6c547a79 100644 --- a/src/features/schedule/components/ScheduleDetailsPage.tsx +++ b/src/features/schedule/components/ScheduleDetailsPage.tsx @@ -586,14 +586,20 @@ export const ScheduleDetailsPage: FC = ({ {/* Angular `transfer-inline-extended` between the two flight cards on a connecting itinerary. The two flights have different flight numbers, so this is a - "Пересадка" (not an "Промежуточная посадка"). */} + "Пересадка" (not an "Промежуточная посадка"). The + wrapper adds the breathing room above/below the + strip — without it the bar sits flush against the + first flight's FlightSchedule/leg-details card and + the next flight's header. */} {firstLegOfNext && lastLegOfThis && ( - +
+ +
)} );