CSR-1786 Fix multiple spacing issues in cart.

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;
         }

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;

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"