From 811c51c469ebd313cf047b37e393ca4c367eaf18 Mon Sep 17 00:00:00 2001
From: Jonathan Bobel <jbobel@flexion.us>
Date: Thu, 21 Sep 2023 15:01:29 -0400
Subject: [PATCH] Styling and conditional changes for mobile menu button

---
 app/assets/sass/uswds/_uswds-theme-custom-styles.scss   | 7 +++++++
 app/templates/components/components/header/template.njk | 4 +++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index 049ea8b3e..4bc05ea3d 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -25,6 +25,9 @@ i.e.
 .usa-header--extended .usa-logo {
    font-family: family("sans");
    margin: units(4) 0;
+   @include at-media-max('mobile-lg') {
+      margin: units(4) 0 units(4) units(2);
+   }
    img {
       @include at-media($theme-header-min-width) {
          width: 80px;
@@ -33,6 +36,10 @@ i.e.
    }
 }
 
+.usa-banner__header-action {
+   font-size: size("body", 2);
+}
+
 .usa-nav__primary {
    &> .usa-nav__primary-item > a {
       font-size: size("body", 4);
diff --git a/app/templates/components/components/header/template.njk b/app/templates/components/components/header/template.njk
index be6f59f70..1c817ea1c 100644
--- a/app/templates/components/components/header/template.njk
+++ b/app/templates/components/components/header/template.njk
@@ -55,7 +55,9 @@
         <a href="/" title="notify.gov">notify.gov</a>
       </em>
     </div>
-    <button type="button" class="usa-menu-btn">Menu</button>
+    {% if current_user.is_authenticated %}
+      <button type="button" class="usa-menu-btn">Menu</button>
+    {% endif %}
   </div>
   <nav aria-label="Primary navigation" class="usa-nav">
     <div class="usa-nav__inner">