Adjust spacing to more closely match FMG NextGen.

This commit is contained in:
Bryan Mauger 2024-04-30 13:57:44 -04:00
parent 25471d18df
commit dee908f60c

View file

@ -31,7 +31,7 @@
<div
v-if="showDeductibleCartItem"
id="cart-deductible"
class="d-flex justify-content-between align-items-center">
class="d-flex justify-content-between align-items-center py-2">
<span id="deductible-label">{{ deductibleLabel }}</span>
<span id="deductible-value">{{ getDisplayed(deductible) }}</span>
</div>
@ -50,7 +50,7 @@
class="px-5">
<div
id="service-package-name"
class="py-1 d-flex justify-content-between align-items-center">
class="py-2 d-flex justify-content-between align-items-center">
<textBlock
:cmsWidgetName="servicePackageLabelWidget"
class="force-no-top-margin" />
@ -62,7 +62,7 @@
<div
v-for="(item, i) in servicePackageCartItems"
:key="i">
<div class="py-1 d-flex justify-content-between align-items-center">
<div class="py-2 d-flex justify-content-between align-items-center">
<span>{{ item?.name ?? '' }}</span>
<textLink
v-if="!readOnly"
@ -84,7 +84,7 @@
<div
v-for="(item, i) in nonServicePackageCartItems"
:key="i"
class="px-5 py-1 non-packaged-cart-item">
class="px-5 py-2 non-packaged-cart-item">
<div class="d-flex justify-content-between align-items-center">
<span
v-if="item.cartItemType === cartItemType.RECYCLE_FEE"
@ -119,20 +119,20 @@
class="subtotal-and-tax">
<div
id="cart-subtotal"
class="col d-flex justify-content-between">
class="py-2 col d-flex justify-content-between">
<span id="subtotal-label">{{ subtotalLabel }}</span>
<span id="subtotal-value">{{ getDisplayed(subTotal) }}</span>
</div>
<div
id="cart-sales-tax"
class="pt-1 col d-flex justify-content-between">
class="py-2 col d-flex justify-content-between">
<span id="sales-tax-label">{{ salesTaxLabel }}</span>
<span id="sales-tax-value">{{ formatAmountInDollars(salesTax) }}</span>
</div>
<div
v-if="showAsPaid"
id="cart-amount-paid"
class="pt-1 col d-flex justify-content-between">
class="py-2 col d-flex justify-content-between">
<span id="amount-paid-label">{{ amountPaidLabel }}</span>
<span if="amount-paid-value">{{ getDisplayed(amountPaid) }}</span>
</div>
@ -556,7 +556,7 @@ export default {
.bottom-amount-due {
color: $white;
background-color: $green;
padding: 0.25rem 1.5rem;
padding: 0.5rem 1.5rem;
}
}