From 385b7e747f96178b14549b0bf4a91dd1cd5eb61a Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Aug 2025 10:31:04 -0400
Subject: [PATCH 1/3] CASH-1048 center modal on quote page.

---
 src/digital-components/modal/modal.vue |  3 ++-
 src/layouts/quote/quote.vue            | 31 ++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 16b259547..a96e25a5f 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -9,7 +9,8 @@
         tabindex="-1"
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
-        aria-hidden="true">
+        aria-hidden="true"
+        @click.self="closeModal">
         <div class="modal-dialog modal-dialog-centered">
             <div class="modal-content">
                 <div class="modal-header mb-0 mt-6">
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index ff8bc0c61..ad754c815 100644
--- a/src/layouts/quote/quote.vue
+++ b/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;

From 7fce2e5b5eb6c5902308450cdb03e3c159aab738 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Aug 2025 10:32:50 -0400
Subject: [PATCH 2/3] CASH-1048 add comment.

---
 src/digital-components/modal/modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index a96e25a5f..69015ae36 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -10,7 +10,7 @@
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
         aria-hidden="true"
-        @click.self="closeModal">
+        @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">

From 4029d9c089d72afd19b3e55d942521e6329d191e Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 1 Aug 2025 10:45:51 -0400
Subject: [PATCH 3/3] CASH-1048 format code.

---
 src/digital-components/modal/modal.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 69015ae36..823471715 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -10,7 +10,8 @@
         aria-labelledby="ModalComponentLabel"
         @keypress.enter="onEnter"
         aria-hidden="true"
-        @click.self="closeModal"> <!--Close modal when clicking other than close button-->
+        @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">