From 0430992cb3c00492529d3d3f3c15c947ea25d8f7 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 8 Mar 2023 15:23:26 -0500
Subject: [PATCH] SSR-306 fix position of modal close button (when open).

---
 .../site-header/menu-modal/menu-modal.vue     | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 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 2196ac6d..1b92ad6f 100644
--- a/src/iss-components/site-header/menu-modal/menu-modal.vue
+++ b/src/iss-components/site-header/menu-modal/menu-modal.vue
@@ -24,21 +24,21 @@
       <div class="modal-dialog modal-fullscreen">
         <div class="modal-content">
           <div class="modal-header visually-hidden">
-            <h5 class="modal-title" id="footerModalLabel">Footer Navigation</h5>  
+            <h5 class="modal-title" id="footerModalLabel">Footer Navigation</h5>
           </div>
           <div class="modal-body d-flex flex-column">
             <textLink linkType="navigation" text="Terms of use" href="https://www.safelite.com/terms-of-use" target="_blank" />
-            <textLink 
-              linkType="navigation" 
-              text="Your privacy choices" 
-              href="//www.safelite.com/privacy-center" 
-              target="_blank"              
+            <textLink
+              linkType="navigation"
+              text="Your privacy choices"
+              href="//www.safelite.com/privacy-center"
+              target="_blank"
             >
               <template v-slot:after-text>
                 <img
                   class="ccpa-icon"
                   src="~@/assets/img/icons/ccpa-icon.svg"
-                  alt="Your privacy choices" 
+                  alt="Your privacy choices"
                   data-id="ccpa-icon"
                 />
               </template>
@@ -52,7 +52,7 @@
       </div>
     </div>
   </template>
-  
+
   <script>
   import textLink from "@/ux-components/text-link/text-link";
   export default {
@@ -81,7 +81,7 @@
     }
   }
   </script>
-  
+
   <style lang="scss" scoped>
   .menu-modal-container {
     position: absolute;
@@ -102,7 +102,7 @@
         align-items: center;
         padding: 0;//Required to prevent 'squish' on iPhone
         z-index: 1050;
-        .bar1,  
+        .bar1,
         .bar2,
         .bar3 {
           width: 14px;
@@ -163,6 +163,7 @@
                     box-shadow: none;
                     background-color: $white;
                     position: relative;
+                    right: -.5rem;
                     display: flex;
                     flex-direction: column;
                     justify-content: center;