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;