diff --git a/assets/css/v2/elevator/elevator_closures.scss b/assets/css/v2/elevator/elevator_closures.scss index 2009eb8f8..429bde8ba 100644 --- a/assets/css/v2/elevator/elevator_closures.scss +++ b/assets/css/v2/elevator/elevator_closures.scss @@ -16,39 +16,41 @@ color: $cool-black-30; } - hr { - width: 100%; + hr.thick { min-height: 24px; - margin-top: 0; - margin-bottom: 0; + margin: 0; background-color: $cool-black-15; border: none; } + hr.thin { + min-height: 2px; + margin: 24px 0 0; + background-color: $true-grey-45; + border: none; + opacity: 0.5; + } + .outside-alert-list { position: relative; height: 100%; font-family: Inter; background-color: $warm-neutral-90; - hr { - min-height: 2px; - margin-top: 24px; - background-color: $true-grey-45; - border: none; - opacity: 0.5; - } - - .header { - display: flex; - max-height: 432px; + .header-container { margin: 48px; - font-size: 112px; - font-weight: 700; - line-height: 112px; + margin-bottom: 0; + + .header { + display: flex; + max-height: 432px; + font-size: 112px; + font-weight: 700; + line-height: 112px; - &__title { - word-spacing: 9999px; + &__title { + word-spacing: 9999px; + } } } diff --git a/assets/src/components/v2/elevator/elevator_closures.tsx b/assets/src/components/v2/elevator/elevator_closures.tsx index 90a3bd8d0..d666c213a 100644 --- a/assets/src/components/v2/elevator/elevator_closures.tsx +++ b/assets/src/components/v2/elevator/elevator_closures.tsx @@ -39,7 +39,7 @@ const ClosureRow = ({ alert }: ClosureRowProps) => {
{elevator_name} ({elevator_id})
-
+
); }; @@ -61,7 +61,7 @@ const InStationSummary = ({ alerts }: InStationSummaryProps) => { -
+
); }; @@ -107,13 +107,15 @@ const OutsideAlertList = ({ return (
-
-
MBTA Elevator Closures
-
- +
+
+
MBTA Elevator Closures
+
+ +
+
-
{