From 4327efef6f2e07f3aada51f5a796a33ca244c936 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 9 Jul 2025 15:28:16 -0400
Subject: [PATCH] CASH-1042 WIP steps updates.

---
 src/fmg-components/funnel-header/funnel-header.vue    |  2 +-
 .../funnel-header/menu-modal/menu-modal.vue           | 11 ++++-------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue
index 036dfc302..a608a1040 100644
--- a/src/fmg-components/funnel-header/funnel-header.vue
+++ b/src/fmg-components/funnel-header/funnel-header.vue
@@ -8,7 +8,7 @@
                 <img class="logo-image img-fluid" :src="imageSrc" alt="Safelite logo" />
             </div>
             <div class="button-container webchat">
-                <span class="webchat">
+                <span class="webchat d-flex">
                     <button
                         v-show="shouldShowWebchatButton"
                         v-on:click="webchatClicked"
diff --git a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue
index 4df584621..4a17e964a 100644
--- a/src/fmg-components/funnel-header/menu-modal/menu-modal.vue
+++ b/src/fmg-components/funnel-header/menu-modal/menu-modal.vue
@@ -6,8 +6,9 @@
             :class="[isActive ? 'active' : '']"
             @click="toggleModal"
             aria-label="Hamburger Menu (modal window)">
-            <span class="step-numbers">Step {{ currentStepNumber }} of 4</span>
-            <div class="bars">
+            <span v-if="isActive">Close</span>
+            <span v-else>Step {{ currentStepNumber }} of 4 </span>
+            <div class="bars ms-2">
                 <div class="bar1"></div>
                 <div class="bar2"></div>
                 <div class="bar3"></div>
@@ -59,7 +60,6 @@ export default {
     data() {
         return {
             isActive: false,
-            barOrientation: true,
         };
     },
     methods: {
@@ -156,9 +156,6 @@ export default {
                 justify-content: space-around;
                 flex-direction: column;
                 scale: 0.75;
-                @include media-breakpoint-up(md) {
-                    scale: 1;
-                }
                 .bar1,
                 .bar2,
                 .bar3 {
@@ -181,7 +178,7 @@ export default {
 }
 .modal {
     &.menu-modal {
-        //left: auto;
+        left: auto;
         height: calc(100% - 68px);
         top: 68px;
         border-top: 1px solid $gray-300;