From fe35ec05e2fdd8de7f7191d1d46df22203f478e6 Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Fri, 8 Mar 2024 15:31:10 -0500
Subject: [PATCH] Fixing bug

---
 .../cart-dropdown/cart-dropdown.vue           | 24 +++++++++----------
 .../review-dropdown/review-dropdown.vue       |  1 +
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/iss-components/cart-dropdown/cart-dropdown.vue b/src/iss-components/cart-dropdown/cart-dropdown.vue
index 92fbc3c8..774cdf3b 100644
--- a/src/iss-components/cart-dropdown/cart-dropdown.vue
+++ b/src/iss-components/cart-dropdown/cart-dropdown.vue
@@ -9,8 +9,8 @@
                 aria-label="expand cart details"
                 href="javascript:void(0)"
                 class="col d-flex justify-content-between py-0">
-                <span class="label color-black">{{ amountDueLabel }}</span>
-                <span class="label amount-due">{{ getDisplayed(amountDue) }}</span>
+                <span class="cart-label color-black">{{ amountDueLabel }}</span>
+                <span class="cart-label amount-due">{{ getDisplayed(amountDue) }}</span>
             </a>
         </div>
         <div
@@ -18,14 +18,14 @@
             class="cart-table">
             <div
                 id="cart-deductible-or-base-price"
-                class="mt-4 line-item color-gray-100 px-5 py-1">
+                class="mt-4 cart-line-item color-gray-100 px-5 py-1">
                 <div
                     v-if="showDeductibleLineItem"
                     id="cart-deductible"
                     class="d-flex justify-content-between align-items-center">
                     <span
                         id="deductible-label"
-                        class="label">{{ deductibleLabel }}</span>
+                        class="cart-label">{{ deductibleLabel }}</span>
                     <span id="deductible-value">{{ getDisplayed(deductible) }}</span>
                 </div>
                 <div
@@ -34,7 +34,7 @@
                     class="d-flex justify-content-between align-items-center">
                     <span
                         id="base-price-label"
-                        class="label">{{ basePriceLabel }}</span>
+                        class="cart-label">{{ basePriceLabel }}</span>
                     <span id="base-price-value">{{ getDisplayed(baseServicePrice) }}</span>
                 </div>
             </div>
@@ -120,7 +120,7 @@ export default {
     background-color: $gray-100;
 }
 
-.line-item {
+.cart-line-item {
     color: $darker-gray;
 }
 
@@ -130,12 +130,8 @@ export default {
     overflow: hidden;
     visibility: hidden;
 }
-e3
-.cart-toggle {
-    .amount-due {
-        color: $green;
-    }
 
+.cart-toggle {
     &:after {
         content: "";
         transition: all 0.5s ease;
@@ -162,9 +158,13 @@ e3
     a {
         text-decoration: none;
     }
-    .label {
+    .cart-label {
         font-weight: $font-weight-bold;
         line-height: 1.625;
     }
+    .amount-due {
+        color: $green;
+    }
+
 }
 </style>
diff --git a/src/layouts/payment-method/review-dropdown/review-dropdown.vue b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
index 0a78527d..e0e69e10 100644
--- a/src/layouts/payment-method/review-dropdown/review-dropdown.vue
+++ b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
@@ -9,6 +9,7 @@
                 href="javascript:void(0)"
                 class="col d-flex justify-content-between py-0">
                 <span class="label">Appointment details</span>
+                <span>Testing</span>
             </a>
         </div>
         <div class="review-table px-4">