From 3ae59dae1d92de02bed548348ddd27bb5c11647b Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gmail.com>
Date: Tue, 21 Apr 2026 12:10:52 +0300
Subject: [PATCH] Keep multi-leg operator logos compact (round) when schedule
 row is expanded

Expanding a connecting-flight row on /schedule/route used to swap the small
round airline badges in the header for the wide rectangular logo, which
overflowed the operator column and overlapped the departure time. The
header now always renders the round variant on schedule pages, regardless
of the expansion state.
---
 src/ui/flights/FlightCard.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/ui/flights/FlightCard.tsx b/src/ui/flights/FlightCard.tsx
index 87abb785..a5233a7d 100644
--- a/src/ui/flights/FlightCard.tsx
+++ b/src/ui/flights/FlightCard.tsx
@@ -236,11 +236,11 @@ export const FlightCard: FC<FlightCardProps> = ({
                   key={`${operatingCarrier(leg.operatingBy) ?? carrier}-${i}`}
                   carrier={operatingCarrier(leg.operatingBy) ?? carrier}
                   locale={language}
-                  // Collapsed multi-leg schedule rows show two small
-                  // round airline badges side-by-side — matches
-                  // Angular's `operator-logo-and-model` with
-                  // `round="!expanded || !direct"`.
-                  round={direction === "schedule" && !expanded}
+                  // Multi-leg schedule rows always use the small round
+                  // airline badges in the header — expanding the row
+                  // must not swap them for the wide rectangular logo
+                  // that overflows the operator column.
+                  round={direction === "schedule"}
                 />
               ))
             : <OperatorLogo carrier={carrier} locale={language} />}