MCR-3588 Design tweaks (#2049)

* Adjust padding-bottom more from design comment - want every section to have the same padding botto, with or without download buttonsm * Fix PageActions alignment - put globally scoped styles back inside targeted class * cypress re-run
Enterprise-CMCS · Nov 14, 2023 · e1a0ce1 · e1a0ce1
1 parent aea59f6
commit e1a0ce1
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 29 deletions.
diff --git a/services/app-web/src/components/SectionHeader/SectionHeader.module.scss b/services/app-web/src/components/SectionHeader/SectionHeader.module.scss
@@ -10,15 +10,14 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding-bottom: units(1);
+    padding-bottom: units(2);
     min-height: 3rem;
 
     &.hasSubheader {
         align-items: start;
         a {
             display: block;
             margin-top: 17.5px;
-            padding-bottom: units(1);
         }
     }
 

diff --git 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;
-        }
-    } 
-}