requested design changes

Enterprise-CMCS · Oct 31, 2023 · 2ddec9e · 2ddec9e
1 parent 0a98580
commit 2ddec9e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/services/app-web/src/pages/MccrsId/MccrsId.module.scss b/services/app-web/src/pages/MccrsId/MccrsId.module.scss
@@ -30,7 +30,7 @@
 .formContainer {
     > [class^='usa-fieldset'] {
         padding: units(4);
-        margin-bottom: units(2);
+        padding-top: 32px;
         margin-top: units(2);
         background: $cms-color-white;
         border: 1px solid $theme-color-base-lighter;
@@ -39,6 +39,7 @@
 
     h3 {
         font-size: 22px;
+        margin-top: 0;
     }
 
     > div[class^='usa-form-group']:not(:first-of-type) {

diff --git a/services/app-web/src/pages/MccrsId/MccrsId.tsx b/services/app-web/src/pages/MccrsId/MccrsId.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useMemo } from 'react'
+import React, { useState, useEffect } from 'react'
 import {
     Form as UswdsForm,
     ButtonGroup,
@@ -54,17 +54,9 @@ export const MccrsId = (): React.ReactElement => {
     const { updateHeading } = usePage()
     const [pkgName, setPkgName] = useState<string | undefined>(undefined)
 
-    const customHeading = useMemo(() => {
-        return (
-            <span className={styles.customHeading}>
-                {pkgName}
-                <span>MC-CRS record number</span>
-            </span>
-        )
-    }, [pkgName])
     useEffect(() => {
-        updateHeading({ customHeading })
-    }, [customHeading, updateHeading])
+        updateHeading({ customHeading: pkgName })
+    }, [pkgName, updateHeading])
 
     const [showPageErrorMessage, setShowPageErrorMessage] = useState<
         boolean | string