Make rate calculator more responsive

master
Skylar Ittner 3 years ago
parent 30559b1f93
commit 315b7be29b

@ -20,10 +20,12 @@
<div class="page-content">
<div class="row justify-content-center">
<div class="col-100 medium-90 xlarge-75 margin-horizontal">
<div class="col-100 medium-90 margin-horizontal">
<div class="card margin">
<div class="card-content text-align-center">
<div class="list" id="ratesform">
<div class="card-content text-align-center" id="ratesform">
<div class="row">
<div class="col-100 medium-50 xlarge-33">
<div class="list">
<ul>
<li class="item-divider">From:</li>
<li class="item-content item-input item-input-outline">
@ -44,6 +46,12 @@
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-100 medium-50 xlarge-33">
<div class="list">
<ul>
<li class="item-divider">To:</li>
<li class="item-content item-input item-input-outline">
<div class="item-inner">
@ -340,6 +348,12 @@
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-100 xlarge-33">
<div class="list">
<ul>
<li class="item-divider">Item Type:</li>
<li class="item-content item-input item-input-outline">
<div class="item-inner">
@ -386,7 +400,7 @@
</li>
</ul>
<ul id="itemsize" style="display: none;">
<li class="item-divider">Size (inches)</li>
<li class="item-divider">Size (inches):</li>
<li class="item-content item-input item-input-outline">
<div class="item-inner">
<div class="item-title item-floating-label">Length</div>
@ -416,7 +430,7 @@
</li>
</ul>
<ul id="itemweight" style="display: none;">
<li class="item-divider">Weight</li>
<li class="item-divider">Weight:</li>
<li class="item-content item-input item-input-outline" id="itemweightlbs">
<div class="item-inner">
<div class="item-title item-floating-label">Pounds</div>
@ -437,6 +451,9 @@
</li>
</ul>
</div>
</div>
</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>
@ -444,6 +461,6 @@
</div>
</div>
</div>
</div>
</div>
</div>
Loading…
Cancel
Save