From 178592d65e96380b379b41694e90c3424eb2746e Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Wed, 29 Nov 2023 09:19:17 -0500
Subject: [PATCH] CSR-1846 fix spacing for promos.

---
 .../promo-modal-question/promo-modal-question.vue     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
index e6ea27737..81b78b754 100644
--- a/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
+++ b/src/layouts/payment-method/promo-modal-question/promo-modal-question.vue
@@ -24,14 +24,14 @@
                 ref="alertInvalidPromo"
                 v-if="displayInvalidPromoAlert"
                 v-html="errorMessage"
-                class="my-4 alert"
+                class="mt-4 alert"
                 cmsWidgetName="AlertInvalidPromoWidget"
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
             <alert
                 ref="AlertSimilarPromo"
                 v-if="displaySimilarPromoAlert"
-                class="my-4 alert"
+                class="mt-4 alert"
                 cmsWidgetName="AlertSimilarPromoWidget"
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
@@ -39,7 +39,7 @@
                 ref="alertInvalidStackingPromo"
                 v-if="displayStackingPromoAlert"
                 v-html="errorMessage"
-                class="my-4 alert"
+                class="mt-4 alert"
                 cmsWidgetName="AlertStackingPromoWidget"
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
@@ -47,11 +47,11 @@
                 ref="AlertInShopPromo"
                 v-if="displayInShopPromoAlert"
                 v-html="errorMessage"
-                class="my-4 alert"
+                class="mt-4 alert"
                 cmsWidgetName="AlertInshopPromoWidget"
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
-            <div v-for="(promoCode, i) in this.getPromoCodeList()" :key="i">
+            <div class="mt-4" v-for="(promoCode, i) in this.getPromoCodeList()" :key="i">
                 <span class="applied-promo">Promo code "{{ promoCode }}" applied </span>
                 <textLink
                     ref="removeLink"
@@ -337,5 +337,6 @@ export default {
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
+
 }
 </style>