From 8cb06c096f9aa9e48e7c47bde611ef6859264e43 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 3 Nov 2023 10:21:21 -0400
Subject: [PATCH] WIP Update Nonpackaged Cart Items for Leah

---
 src/fmg-components/cart/cart.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index b5fdb4e97..1e19bd561 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -33,7 +33,7 @@
 
                 <!-- Nonpackaged Cart Items -->
                 <hr style="background: red" />
-                <div v-for="(cartItem, i) in nonpackageCartItems" :key="i">
+                <div class="premium-appt-cart-item" v-for="(cartItem, i) in nonpackageCartItems" :key="i">
                     <span>{{ cartItem.name }}</span>
                     <textLink
                         ref="removeLink"
@@ -57,7 +57,7 @@
                     <span>{{ mobileFeeCartItem.name }}</span
                     ><span>{{ currencyFormatter.format(mobileFeeCartItem.subTotal) }}</span>
                 </div>
-                
+
                 <div v-if="premiumAppointmentDiscountCartItem">
                     <span>{{ premiumAppointmentDiscountCartItem.name }}</span>
                     <textLink
@@ -67,7 +67,7 @@
                         href="#!"
                         @click-event="removeItem(PREMIUM_FEE_PART_TYPE, 'supportingItems')" />
                     <span>{{ currencyFormatter.format(premiumAppointmentDiscountCartItem.subTotal) }}</span>
-                    
+
                 </div>
                 <!-- promos here -->
 
@@ -681,7 +681,7 @@ export default {
         div {
             display: flex;
             justify-content: space-between;
-            padding: 0.5rem 1.5rem;   
+            padding: 0.5rem 1.5rem;
             &:nth-child(odd) {
                 background-color: #f5f5f5;
             }
@@ -729,6 +729,17 @@ export default {
                 padding: 0;
             }
         }
+        // Custom order/wrap for nonpackaged Cart Items
+        .premium-appt-cart-item {
+            flex-wrap: wrap;
+            span {
+                display: flex;
+                justify-content: space-between;
+            }
+            a {
+                order: 3;
+            }
+        }
     }
     .vin-toggle {
         &:after {