From cfada92d75a223479a47feab62157b2a9ac7271a Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 24 Jul 2023 08:45:30 -0400
Subject: [PATCH] CSR-547 reinsert secondary button for accessibility.

---
 src/iss-components/site-header/menu-modal/menu-modal.vue | 9 ++++++++-
 src/styles/common-styles.scss                            | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/iss-components/site-header/menu-modal/menu-modal.vue b/src/iss-components/site-header/menu-modal/menu-modal.vue
index a9661f18..cc5f06a7 100644
--- a/src/iss-components/site-header/menu-modal/menu-modal.vue
+++ b/src/iss-components/site-header/menu-modal/menu-modal.vue
@@ -8,6 +8,13 @@
     </div>
     <!-- Modal -->
     <div class="modal menu-modal fade" data-bs-backdrop="false" id="footerModal" tabindex="-1" aria-labelledby="footerModalLabel" aria-hidden="true">
+        <div class="menu-modal-container">
+            <button class="menu-button" type="button" :class="[isActive ? 'active' : '']" aria-label="Hamburger Menu (modal window)" @click="toggle()">
+                <div class="bar1"></div>
+                <div class="bar2"></div>
+                <div class="bar3"></div>
+            </button>
+        </div>
     <div class="modal-dialog modal-fullscreen">
         <div class="modal-content">
             <div class="modal-header visually-hidden">
@@ -159,7 +166,7 @@ export default {
             position: absolute;
             padding: 1.47rem 1rem 1.47rem 1.47rem;
             right: .5rem;
-            top: -5.0rem;
+            top: -4.5rem;
             button {
                 border: none;
                 &.menu-button {
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 409e79a5..82aef9b5 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -58,7 +58,7 @@ body {
         overflow: auto;
     }
     // Prevent scroll when modal is open
-    .modal-open {
+    &.modal-open {
         .fade-on-route-transition {
             overflow: hidden;
         }
@@ -70,4 +70,4 @@ body {
         cursor: pointer;
         text-decoration: underline;
       }
-}
\ No newline at end of file
+}