From e750e277abecb7a1e07cdb7a11037f453e31b7f5 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 12 Jul 2024 18:40:42 -0400
Subject: [PATCH] CSR-2140 WIP added styles for spacing.

---
 src/layouts/quote/quote.vue                                 | 6 +++---
 .../service-package-radio/service-package-radio.vue         | 2 +-
 src/styles/common-styles.scss                               | 4 ++++
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 6549ebaa5..9cfbd38a7 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -49,14 +49,14 @@
                         :lineItems="lineItems" />
 
                     <recalDisclaimer
-                        class="m-0"
+                        class="mb-0"
                         cmsWidgetName="RecalDisclaimerWidget"
                         v-if="isRecalibrationOnOrder"
                         v-on="{ textLinkClicked: openModalAction }"
                         alertClass="alert-info" />
 
                     <promoModalQuestion
-                        class="small mt-4 d-md-flex justify-content-md-center"
+                        class="small mt-6 d-md-flex justify-content-md-center"
                         v-model="lineItems"
                         :addableVaps="addableVaps"
                         pageName="quote"
@@ -68,7 +68,7 @@
                         cmsWidgetName="quoteDisclaimer"
                         justifyText="left"
                         typeStyle="caption"
-                        class="mt-4" />
+                        class="mt-6" />
 
                     <contentGroupModal ref="RainDefenseModal" cmsWidgetName="RainDefenseModal" />
                     <contentGroupModal ref="FrontWiperModal" cmsWidgetName="FrontWiperModal" />
diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
index 057bcb0bd..56c5abfd0 100644
--- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
@@ -317,7 +317,7 @@ export default {
                     div.discount-price {
                         color: #469d2a;
                         font-weight: 600;
-                        font-size: 26px;
+                        font-size: 1.625rem;
                     }
                     @include media-breakpoint-up(md) {
                         position: absolute;
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 197655db1..730712297 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -37,6 +37,10 @@ body {
                 max-width: 100%;
             }
         }
+        //Quote page max-width for service packages
+        .col-xl-8 {
+            max-width: 1200px;
+        }
         //END set max-width on columns
     }
     .pointer {