From b860a45afdf52060666ef1a507b09a08cca91826 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Fri, 17 Nov 2023 13:03:32 -0500
Subject: [PATCH] CSR-1786 Fix multiple spacing issues in cart.

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

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 14b756f02..aa1a47349 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -2,7 +2,7 @@
     <div class="cart">
         <div class="px-0">
             <div
-                class="row vin-toggle flex align-items-center py-4"
+                class="row vin-toggle flex align-items-center pt-4"
                 :class="[isExpanded ? 'expanded' : '']"
                 @click="toggleIsExpanded()">
                 <div class="col d-flex justify-content-between">
@@ -855,7 +855,7 @@ export default {
         }
         &.expanded + .price-table {
             max-height: 650px;
-            transition: all 350ms ease-in;
+            transition: all 150ms ease-in;
             overflow: hidden;
             padding-top: 1rem;
         }
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index df63a8576..ac920f1c0 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -22,7 +22,6 @@
                     <hr class="my-0" />
 
                     <cart
-                        class="mb-0"
                         :damage="damageInfo"
                         :availableVaps="availableVaps"
                         :allowItemRemoval="true"
@@ -31,11 +30,12 @@
                         recyclingModalCmsWidgetName="RecycleModal" />
 
                     <promoModalQuestion
+                        class="small mt-4"
                         v-model="lineItems"
                         :availableVaps="availableVaps"
                         modalWidgetName="PromoModalWidget" />
 
-                    <hr class="mb-5" />
+                    <hr class="my-5" />
 
                     <div>
                         <alert
@@ -525,6 +525,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.cart {
+    margin-bottom: 0;
+}
 .no-pia-disclaimer {
     color: $gray-550;
     margin: 0;
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 25a9d1fe8..b709e18f3 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
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="promo-modal-question">
         <textLink
             id="promoLinkPromptId"
             linkType="text"