From e127a06a527a6fe6e93d22d859d693a9a30a5bd4 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 19 Mar 2024 12:14:39 -0400
Subject: [PATCH] CSR-1977: more adjustments for upper case styling

---
 src/fmg-components/cart/cart.vue                          | 4 ++--
 .../promo-modal-question/promo-modal-question.vue         | 8 +++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 01ebe64be..ebbaf530b 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -109,7 +109,7 @@
             </div>
         </div>
         <div
-            class="my-2 lh-1 applied-promo"
+            class="my-2 lh-1 applied-promo-tag"
             v-for="(promoCode, i) in this.getPromoCodeList()"
             :key="i">
             <span class="caption"
@@ -1011,7 +1011,7 @@ export default {
             text-decoration: none;
         }
     }
-    .applied-promo {
+    .applied-promo-tag {
         span {
             color: $green-700;
             font-weight: 500;
diff --git a/src/fmg-components/promo-modal-question/promo-modal-question.vue b/src/fmg-components/promo-modal-question/promo-modal-question.vue
index 7db0acc94..59e4fccf4 100644
--- a/src/fmg-components/promo-modal-question/promo-modal-question.vue
+++ b/src/fmg-components/promo-modal-question/promo-modal-question.vue
@@ -51,7 +51,9 @@
                 alertClass="alert-danger"
                 v-bind:isDismissible="false" />
             <div class="mt-4" v-for="(promoCode, i) in this.getPromoCodeList()" :key="i">
-                <span class="applied-promo">Promo code "{{ promoCode }}" applied </span>
+                <span class="applied-promo"
+                    >Promo code <span class="promo-code">{{ promoCode }}</span> applied
+                </span>
                 <textLink
                     ref="removeLink"
                     linkType="text"
@@ -343,6 +345,10 @@ export default {
     font-weight: 500;
     line-height: 24px;
     color: #0c7e47;
+
+    .promo-code {
+        text-transform: uppercase;
+    }
 }
 .alert {
     color: #d4281c;