From 9b91ae762ba552607b409d3bee4b629348763a26 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Tue, 21 Nov 2023 16:39:39 -0500
Subject: [PATCH] CSR-1787 color and spacing updates.

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

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 4342b687f..5ee8a4184 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -791,6 +791,7 @@ export default {
     .label {
         color: $black;
         font-weight: 500;
+        line-height: 1.625;
     }
     .amount-due {
         color: $green;
@@ -800,25 +801,25 @@ export default {
         transition: all 350ms ease-in;
         overflow: hidden;
         visibility: hidden;
-
+        color: $gray-600;
         div {
             display: flex;
             justify-content: space-between;
             padding: 0.5rem 1.5rem;
             &:nth-last-child(-n + 3) {
-                background-color: #e3f2ea;
+                background-color: $green-100;
             }
             &:last-child {
-                background-color: #0c7e47;
+                background-color: $green;
                 color: #ffffff;
             }
         }
         .service-type {
-            background-color: #f5f5f5;
+            background-color: $gray-100;
             align-items: center;
         }
         .packaged-cart-item {
-            background-color: #f5f5f5;
+            background-color: $gray-100;
             padding-left: 2.5rem;
             align-items: center;
             span {
@@ -833,16 +834,21 @@ export default {
             }
             a {
                 font-size: 0.875rem;
+                text-decoration: none;
+                line-height: 1.75;
             }
         }
         .non-packaged-cart-item {
             &.odd {
-                background: var(--neutrals-gray-100, #f4f4f4);
+                background: $gray-100;
             }
         }
         .non-packaged-cart-item {
             &.even {
-                background-color: var(--neutrals-white, #fff);
+                background-color: $white;
+            }
+            a {
+                line-height: 1.625;
             }
         }
         // Custom order/wrap for removable nonpackaged Cart Items
@@ -867,9 +873,10 @@ export default {
         .amount-due,
         .amount-paid {
             font-weight: 500;
+            color: $black;
         }
         .sub-total {
-            border-top: 1px solid #0c7e47;
+            border-top: 1px solid $green;
         }
         .service-type {
             // background-color: #f5f5f5;