From c864befa4ac5f6d0e015efcd0e7cf7b12cd6c13f Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 6 Aug 2025 09:15:41 -0400
Subject: [PATCH] CASH-1327 quote page bug fixes.

---
 .../service-package-radio-for-afterpay.vue         |  5 ++++-
 src/layouts/quote/quote.vue                        | 14 +++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue
index d4ca90730..ceb78e05e 100644
--- a/src/experiment-components/service-package-radio-for-afterpay.vue
+++ b/src/experiment-components/service-package-radio-for-afterpay.vue
@@ -228,7 +228,10 @@ export default {
                 }
 
                 &.has-package-discount {
-                    min-height: 170px;
+                    min-height: 140px;
+                    @include media-breakpoint-up(md) {
+                        min-height: 170px;
+                    }
                 }
 
                 &:before {
diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index a07785aa7..68e51ed04 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -57,7 +57,7 @@
                         alertClass="alert-info" />
 
                     <promoModalQuestion
-                        class="mt-6 d-flex justify-content-center"
+                        class="mt-6 d-flex"
                         v-model="lineItems"
                         :addableVaps="addableVaps"
                         pageName="quote"
@@ -927,16 +927,19 @@ export default {
         :deep(.modal-component) {
             .modal-dialog {
                 max-width: 767px;
-                margin: 0 auto;
+                margin: 0 0.5rem;
+                top: 30px;
                 @include media-breakpoint-up(md) {
                     width: 50%;
                     max-width: 600px;
-                    top: -10%;
+                    top: 50px;
                     right: 0;
                     left: 0;
                     transform: none;
+                    margin: 0 auto;
                 }
                 .modal-content {
+                    border-radius: 0.5rem;
                     @include media-breakpoint-up(md) {
                         box-shadow: none;
                         border-radius: 0;
@@ -945,6 +948,10 @@ export default {
                         border-radius: 0.5rem;
                     }
                 }
+                &.modal-dialog-centered {
+                    height: auto;
+                    min-height: auto;
+                }
             }
             .modal-footer {
                 button {
@@ -958,6 +965,7 @@ export default {
                             margin: 0 auto 1rem;
                             color: $blue;
                             font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
+                            text-decoration: none;
                         }
                     }
                 }