maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-29 05:00:43 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Change booking breakdown layout

Browse source 
Make the subtotal line stick out a bit more.
This commit is contained in:
Hannu Lyytikainen 2019-04-04 17:18:56 +03:00
parent 1f0938a87c
commit 551dff00ce
2 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/BookingBreakdown/BookingBreakdown.css
View file

@ -32,6 +32,21 @@
justify-content: space-between;
}
.subTotalLineItem {
@apply --marketplaceH4FontStyles;
font-weight: var(--fontWeightBold);
margin: 4px 0 1px 0;
@media (--viewportMedium) {
margin: 6px 0 9px 0;
}
display: flex;
flex-direction: row;
justify-content: space-between;
}
.itemLabel {
flex: 1;
margin-top: 1px; /* align with baseline */

2
src/components/BookingBreakdown/LineItemSubTotalMaybe.js
View file

@ -81,7 +81,7 @@ const LineItemSubTotalMaybe = props => {
const formattedSubTotal = subTotalLineItems.length > 0 ? formatMoney(intl, subTotal) : null;
return formattedSubTotal && showSubTotal ? (
<div className={css.lineItem}>
<div className={css.subTotalLineItem}>
<span className={css.itemLabel}>
<FormattedMessage id="BookingBreakdown.subTotal" />
</span>