From 4fe538d487d941a62c1b9a4cf0d5385b4ca87616 Mon Sep 17 00:00:00 2001 From: Hana Worku Date: Mon, 13 Nov 2023 17:27:01 -0600 Subject: [PATCH] Fix PageActions alignment - put globally scoped styles back inside targeted class --- .../src/pages/MccrsId/MccrsId.module.scss | 56 ++++++++++--------- 1 file changed, 29 insertions(+), 27 deletions(-) diff --git a/services/app-web/src/pages/MccrsId/MccrsId.module.scss b/services/app-web/src/pages/MccrsId/MccrsId.module.scss index caf6b3d3c9..5cec0c2a03 100644 --- a/services/app-web/src/pages/MccrsId/MccrsId.module.scss +++ b/services/app-web/src/pages/MccrsId/MccrsId.module.scss @@ -57,20 +57,40 @@ margin: 0 auto; } } -} + [class^='usa-legend'] { + margin-top: 0; + } -[class^='usa-legend'] { - margin-top: 0; -} + div[class^='usa-form-group'] { + margin-top: 24px; + label[class^='usa-label'] { + font-size: 16px; + max-width: 100%; + } + } -div[class^='usa-form-group'] { - margin-top: 24px; - label[class^='usa-label'] { - font-size: 16px; - max-width: 100%; + div[class^='usa-hint'] span { + span { + display: inline; + font-weight: bold; + } } + + ul[class^='usa-button-group'] { + justify-content: end; + li[class^='usa-button-group__item'] { + margin-top: 0; + button { + margin-top: 16px; + margin-bottom: 44px; + margin-right: .25rem; + } + } + } + } + .customHeading { font-weight: 700; @@ -80,22 +100,4 @@ div[class^='usa-form-group'] { } } -div[class^='usa-hint'] span { - span { - display: inline; - font-weight: bold; - } -} - -ul[class^='usa-button-group'] { - justify-content: end; - li[class^='usa-button-group__item'] { - margin-top: 0; - button { - margin-top: 16px; - margin-bottom: 44px; - margin-right: .25rem; - } - } -}