diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.scss b/src/features/online-board/components/OnlineBoardDetailsPage.scss index b17763b3..c37eec04 100644 --- a/src/features/online-board/components/OnlineBoardDetailsPage.scss +++ b/src/features/online-board/components/OnlineBoardDetailsPage.scss @@ -88,8 +88,13 @@ } &__center--finished { - .leg-route__status-text { color: #6da244; } + .leg-route__status-text { + color: #6da244; + text-align: right; + align-self: flex-end; + } .leg-route__bar-inner { background: #6da244; } + .leg-route__plane-marker { color: #6da244; } } &__center--in-flight { diff --git a/src/features/online-board/components/OnlineBoardDetailsPage.tsx b/src/features/online-board/components/OnlineBoardDetailsPage.tsx index d626b5fc..9729a32c 100644 --- a/src/features/online-board/components/OnlineBoardDetailsPage.tsx +++ b/src/features/online-board/components/OnlineBoardDetailsPage.tsx @@ -174,18 +174,16 @@ function LegRoute({ ? "100%" : isInFlight ? `${flightPercent}%` - : isCancelled - ? "0%" - : "0%", + : "0%", }} /> - {isInFlight && ( + {(isInFlight || isFinished) && (