Add some margin below tab bar icons

This commit is contained in:
Skylar Ittner 2022-03-11 14:51:01 -07:00
parent bf1dbe5157
commit b53145ad53
2 changed files with 5 additions and 1 deletions

View File

@ -279,6 +279,10 @@ Framework7 and FontAwesome both have a .fab class
margin: 0;
}
html.md #track-page-tabbar .tabbar-label {
margin-top: 0.2em;
}
@media all and (min-width: 1024px) {
#trackMapContainer {
height: calc(calc(100vh - calc(var(--f7-list-margin-vertical) * 2)) - var(--f7-navbar-height));

View File

@ -43,7 +43,7 @@
<div class="button button-outline hapticbtn" onclick="openTrackingBarcodeScanner()"><i class="far fa-qrcode"></i> Scan Receipt</div>
</div>
</div>
<div class="toolbar tabbar toolbar-bottom">
<div class="toolbar tabbar toolbar-bottom" id="track-page-tabbar">
<div class="toolbar-inner">
<a href="#tracking-history-list" class="tab-link tab-link-active">
<i class="far fa-history"></i>