update injected header and footer

Signed-off-by: Micah Chiang <[email protected]>
department-of-veterans-affairs · Nov 27, 2024 · 3eab9ce · 3eab9ce
1 parent f862bea
commit 3eab9ce
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 7 deletions.
diff --git a/src/applications/proxy-rewrite/partials/mobile/footer/index.jsx b/src/applications/proxy-rewrite/partials/mobile/footer/index.jsx
@@ -17,7 +17,7 @@ const MobileFooter = ({ footerData }) => {
         <div className="usa-grid-full flex-container">
           <ul className="usa-accordion">
             <li>
-              <div className="vads-u-background-color--secondary-darkest vads-u-display--flex vads-u-flex-direction--row vads-u-align-items--center vads-u-justify-content--center vads-u-text-align--center vads-u-padding--0p5">
+              <div className="vads-u-background-color--secondary-darkest vads-u-display--flex vads-u-flex-direction--row vads-u-align-items--center vads-u-justify-content--center vads-u-text-align--center vads-u-padding--1">
                 <button
                   className="va-button-link vads-u-color--white vads-u-text-decoration--none vcl-modal-open"
                   type="button"
@@ -181,7 +181,7 @@ const MobileFooter = ({ footerData }) => {
           />
         </a>
       </div>
-      <div className="usa-grid usa-grid-full vads-u-margin-bottom--2 va-footer-links-bottom">
+      <div className="usa-grid usa-grid-full vads-u-margin-bottom--3 va-footer-links-bottom">
         <ul>{buildBottomRail(bottomRail)}</ul>
       </div>
     </footer>

diff --git a/src/applications/proxy-rewrite/partials/mobile/header/index.jsx b/src/applications/proxy-rewrite/partials/mobile/header/index.jsx
@@ -34,7 +34,7 @@ const MobileHeader = ({ isDesktop, megaMenuData }) => {
       {/* start US Gov banner */}
       <div className="usa-accordion">
         <div className="vads-u-display--flex vads-u-flex-direction--column">
-          <div className="vads-u-background-color--gray-lightest vads-u-display--flex vads-u-align-items--center vads-u-justify-content--center vads-u-text-align--center vads-u-padding--0p5">
+          <div className="vads-u-background-color--gray-lightest vads-u-display--flex vads-u-align-items--center vads-u-justify-content--center vads-u-text-align--center vads-u-padding--1">
             <img
               alt="U.S. flag"
               className="vads-u-margin-right--1"
@@ -72,7 +72,7 @@ const MobileHeader = ({ isDesktop, megaMenuData }) => {
         </div>
         <div
           aria-hidden={!govBannerIsOpen ? 'true' : 'false'}
-          className={`usa-accordion-content vads-u-background-color--gray-lightest vads-u-display--flex vads-u-flex-direction--column vads-u-padding--1p5 vads-u-padding-y--2 ${
+          className={`usa-accordion-content vads-u-background-color--gray-lightest vads-u-display--flex vads-u-flex-direction--column vads-u-padding--2p5 vads-u-padding-y--3 ${
             !govBannerIsOpen ? 'banner-display--none' : 'banner-display--flex'
           }`}
           id="official-govt-site-explanation"
@@ -109,7 +109,7 @@ const MobileHeader = ({ isDesktop, megaMenuData }) => {
       {/* end US Gov banner */}
 
       {/* start Veterans Crisis Line banner */}
-      <div className="vads-u-background-color--secondary-darkest vads-u-display--flex vads-u-flex-direction--row vads-u-align-items--center vads-u-justify-content--center vads-u-text-align--center vads-u-padding--0p5">
+      <div className="vads-u-background-color--secondary-darkest vads-u-display--flex vads-u-flex-direction--row vads-u-align-items--center vads-u-justify-content--center vads-u-text-align--center vads-u-padding--1">
         <button
           className="va-button-link vads-u-color--white vads-u-text-decoration--none vcl-modal-open"
           type="button"

diff --git a/src/applications/proxy-rewrite/partials/search.jsx b/src/applications/proxy-rewrite/partials/search.jsx
@@ -56,7 +56,7 @@ const Search = ({ isDesktop, searchIsOpen }) => {
     return (
       <>
         <label
-          className="vads-u-font-weight--normal vads-u-color--gray-dark vads-u-margin--0 vads-u-margin-top--3 vads-u-margin-left--2p5"
+          className="vads-u-font-weight--normal vads-u-color--gray-dark vads-u-margin--0 vads-u-margin-top--3 vads-u-margin-left--2"
           htmlFor="search-header-dropdown-input-field"
         >
           Search

diff --git a/src/applications/proxy-rewrite/sass/style-consolidated.scss b/src/applications/proxy-rewrite/sass/style-consolidated.scss
@@ -1414,7 +1414,12 @@
     height: 42px;
     width: 45px;
 
-    @media screen and (max-width: 767px) {
+    @media screen and (max-width: 312px) {
+      margin: 11px 0 0;
+      height: 42px;
+    }
+
+    @media screen and (min-width: 313px) and (max-width: 767px) {
       margin: 10px 0 0;
       height: 42px;
     }
@@ -2310,6 +2315,7 @@
 
    .usa-banner-button-text {
     font-size: 12px;
+    font-family: $font-stack;
    }
 
   @media (min-width: 1008px) {