CASH-1042 WIP steps updates.

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"

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;