Fix icon spacing
This commit is contained in:
parent
1c8d56864a
commit
28ce54735d
@ -19,6 +19,10 @@ Framework7 and FontAwesome both have a .fab class
|
||||
line-height: var(--f7-line-height);
|
||||
}
|
||||
|
||||
.button .fas, .button .far, .button .fal {
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: #d0f2fc;
|
||||
background-image: url(../images/background.svg);
|
||||
|
@ -33,7 +33,7 @@
|
||||
<div id="hasaccountbox" style="display: none;">
|
||||
<div id="addPaymentMethodBox" style="display: none;">
|
||||
Add a credit or debit card to use Drop and Send. It'll be securely saved for future use.
|
||||
<div class="button hapticbtn button-fill margin" onclick="openCheckoutWindowToSaveCard()"><i class="fas fa-credit-card fa-fw"></i> Add Card</div>
|
||||
<div class="button hapticbtn button-fill margin" onclick="openCheckoutWindowToSaveCard()"><i class="fas fa-credit-card fa-fw"></i> Add Card</div>
|
||||
<hr />
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
@ -46,7 +46,7 @@
|
||||
<img id="loyaltyBarcodeImg" style="width: 90%; max-width: 300px; padding: 1.2em; background: white; display: none;" />
|
||||
</div>
|
||||
<div class="block">
|
||||
<div class="button hapticbtn popup-open button-outline" data-popup="#accountUpdatePopup"><i class="fas fa-edit fa-fw"></i> Update account details</div>
|
||||
<div class="button hapticbtn popup-open button-outline" data-popup="#accountUpdatePopup"><i class="fas fa-edit fa-fw"></i> Update account details</div>
|
||||
</div>
|
||||
<div id="loyaltyErrorMessage"></div>
|
||||
<div class="block margin-top">
|
||||
@ -119,7 +119,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
<div class="button hapticbtn button-fill" id="setupAccountBtn"><i class="far fa-plus fa-fw"></i> Setup Account</div>
|
||||
<div class="button hapticbtn button-fill" id="setupAccountBtn"><i class="far fa-plus fa-fw"></i> Setup Account</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -173,10 +173,10 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
<div class="button hapticbtn button-outline" onclick="openCheckoutWindowToSaveCard()"><i class="fas fa-credit-card fa-fw"></i> Add New Card</div>
|
||||
<div class="button hapticbtn button-outline" onclick="openCheckoutWindowToSaveCard()"><i class="fas fa-credit-card fa-fw"></i> Add New Card</div>
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
<div class="button button-fill hapticbtn" id="updateAccountBtn"><i class="far fa-edit fa-fw"></i> Update Account</div>
|
||||
<div class="button button-fill hapticbtn" id="updateAccountBtn"><i class="far fa-edit fa-fw"></i> Update Account</div>
|
||||
</div>
|
||||
<div class="block text-align-center">
|
||||
<p><a class="button popup-close" href="#">Cancel</a></p>
|
||||
|
@ -455,7 +455,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-content-padding">
|
||||
<div class="button hapticbtn button-fill" onclick="getRates()"><i class="far fa-calculator"></i> Get Rates</div>
|
||||
<div class="button hapticbtn button-fill" onclick="getRates()"><i class="far fa-calculator"></i> Get Rates</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -30,7 +30,7 @@
|
||||
<div class="item-inner">
|
||||
<div class="item-title item-floating-label">Tracking Code</div>
|
||||
<div class="item-input-wrap">
|
||||
<input type="text" name="trackingcode" id="trackingcode" required validate data-error-message=" " placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" />
|
||||
<input type="text" name="trackingcode" id="trackingcode" required validate data-error-message=" " placeholder="" autocomplete="off" autocorrect="off" autocapitalize="off" />
|
||||
<span class="input-clear-button"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
x
Reference in New Issue
Block a user