Merge pull request #2720 from Safelite/CASH-1048-misc-quote-page-updates

CASH-1048 center save email modal on quote page.

src/digital-components/modal/modal.vue

@@ -9,7 +9,9 @@
         tabindex="-1"
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
-        aria-hidden="true">
+        aria-hidden="true"
+        @click.self="closeModal">
+        <!--Close modal when clicking other than close button-->
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
                 <div class="modal-header mb-0 mt-6">

src/layouts/quote/quote.vue

@@ -922,6 +922,37 @@ export default {
             width: -moz-available;
         }
     }
+    //Save email modal ONLY centered on screen for quote page only
+    .save-progress-popup-question {
+        :deep(.modal-component) {
+            .modal-dialog {
+                max-width: 767px;
+                margin: 0 auto;
+                @include media-breakpoint-up(md) {
+                    width: 50%;
+                    max-width: 600px;
+                    top: 0;
+                    right: 0;
+                    left: 0;
+                    transform: none;
+                }
+                .modal-content {
+                    @include media-breakpoint-up(md) {
+                        box-shadow: none;
+                        border-radius: 0;
+                        margin: auto;
+                        height: auto;
+                        border-radius: 0.5rem;
+                    }
+                }
+            }
+            .modal-footer {
+                button.btn.skip-button {
+                    margin: 0 auto;
+                }
+            }
+        }
+    }
 }
 .quote-page.show-save-progress-popup .row.justify-content-center {
     display: none;