Merge pull request #666 from Safelite/SSR-1201-code-format-payment-method
Adjust spacing to more closely match FMG NextGen.
This commit is contained in:
commit
30396f2b71
1 changed files with 8 additions and 8 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue