From 3ea2a8b3045dde95a558388ce093a070977c8561 Mon Sep 17 00:00:00 2001 From: John Cruz Date: Wed, 18 Dec 2024 11:34:56 -0700 Subject: [PATCH 1/3] 10434: Fix bottom borders alignment; --- web-client/src/styles/custom.scss | 11 ++++++++++- .../TrialSessions/TrialSessionPlanningReportView.tsx | 11 +++++------ 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/web-client/src/styles/custom.scss b/web-client/src/styles/custom.scss index 6426f2c102e..8352df1b523 100644 --- a/web-client/src/styles/custom.scss +++ b/web-client/src/styles/custom.scss @@ -1120,6 +1120,10 @@ header.usa-header { } } +@mixin h1-underline-border { + border-bottom: 3px solid color($theme-color-primary); +} + .title { border-bottom: 1px solid color($theme-color-base-lighter); margin-bottom: 20px; @@ -1130,16 +1134,21 @@ header.usa-header { } h1 { + @include h1-underline-border; + position: relative; top: 2px; display: inline-block; padding-bottom: 10px; - border-bottom: 3px solid color($theme-color-primary); margin-top: -2px; margin-bottom: 0; } } +.h1-underline-border { + @include h1-underline-border; +} + hr.lighter { border-top: 1px solid color($theme-color-base-lighter); } diff --git a/web-client/src/views/TrialSessions/TrialSessionPlanningReportView.tsx b/web-client/src/views/TrialSessions/TrialSessionPlanningReportView.tsx index 8b0c3582f2b..6bc420ef290 100644 --- a/web-client/src/views/TrialSessions/TrialSessionPlanningReportView.tsx +++ b/web-client/src/views/TrialSessions/TrialSessionPlanningReportView.tsx @@ -81,14 +81,13 @@ function TrialSessionPlanningReportHeader({ year, }: TrialSessionPlanningReportHeaderParams) { return ( -
-
-

{trialSessionPlanningReportHeader}

-
-
+
+

+ {trialSessionPlanningReportHeader} +

+