From 69020946b8cc69c2477538efc787739a244a85c4 Mon Sep 17 00:00:00 2001 From: gnezim Date: Mon, 20 Apr 2026 07:07:43 +0300 Subject: [PATCH] =?UTF-8?q?Card=20border-radius=208px=E2=86=92$border-radi?= =?UTF-8?q?us=20(3px)=20on=20FlightsMiniList=20+=20FullRouteTimeline?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/FlightsMiniList/FlightsMiniList.scss | 6 +++++- .../components/FullRouteTimeline/FullRouteTimeline.scss | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss index de472344..16fd42a3 100644 --- a/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss +++ b/src/features/online-board/components/FlightsMiniList/FlightsMiniList.scss @@ -1,5 +1,6 @@ @use "../../../../styles/colors" as colors; @use "../../../../styles/screen" as screen; +@use "../../../../styles/variables" as vars; .mini-list { display: flex; @@ -7,7 +8,10 @@ max-height: calc(100vh - 170px); overflow-y: auto; background: colors.$white; - border-radius: 8px; + // Angular's `section.frame` helper uses $border-radius (3px) and a + // subtle box-shadow. Match it so the mini-list card aligns with the + // other left-column cards (filter, search-history). + border-radius: vars.$border-radius; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); // Angular hides the sidebar mini-list on mobile (the main details diff --git a/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss b/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss index 945ffae7..ef06ba98 100644 --- a/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss +++ b/src/features/online-board/components/FullRouteTimeline/FullRouteTimeline.scss @@ -3,7 +3,7 @@ .full-route-timeline { background: colors.$white; - border-radius: 8px; + border-radius: vars.$border-radius; padding: vars.$space-l vars.$space-xl; margin-bottom: vars.$space-l;