From d8118bafa8ef5630dbe36ca6f6e868cd10ab6d8e Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Thu, 23 Apr 2026 17:12:57 +0300
Subject: [PATCH] =?UTF-8?q?Transfer:=20wrap=20=D0=9F=D0=B5=D1=80=D0=B5?=
 =?UTF-8?q?=D1=81=D0=B0=D0=B4=D0=BA=D0=B0=20in=20rounded-card=20with=20ver?=
 =?UTF-8?q?tical=20gaps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Between two flight cards on a connecting itinerary the TransferBar
used to sit flush against the preceding FlightSchedule block and the
next flight's header — no breathing room, no edge, read as a shared
card rather than a separator. Now the strip is wrapped in a
'__transfer' div that adds '$space-l' top/bottom margin and gives
the inner .transfer-bar the same 'border-radius' Angular uses for its
'.transfer-bar--separated' card variant.
---
 .../components/ScheduleDetailsPage.scss       | 14 +++++++++++++
 .../components/ScheduleDetailsPage.tsx        | 20 ++++++++++++-------
 2 files changed, 27 insertions(+), 7 deletions(-)

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<ScheduleDetailsPageProps> = ({
                 {/* 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 && (
-                  <TransferBar
-                    leg={lastLegOfThis}
-                    nextLeg={firstLegOfNext}
-                    viewType="Schedule"
-                    isIntermediateLanding={false}
-                  />
+                  <div className="schedule-details__transfer">
+                    <TransferBar
+                      leg={lastLegOfThis}
+                      nextLeg={firstLegOfNext}
+                      viewType="Schedule"
+                      isIntermediateLanding={false}
+                    />
+                  </div>
                 )}
               </div>
             );