pixel perfect block alignment for initial setup tab

10.3.x-maintenance
cTn 2014-09-04 08:57:58 +02:00
parent 0bd4af89c9
commit 8528e3f066
2 changed files with 46 additions and 50 deletions

View File

@ -192,8 +192,8 @@
.tab-initial_setup .acc-trim, .tab-initial_setup .acc-trim,
.tab-initial_setup .magnetometer, .tab-initial_setup .magnetometer,
.tab-initial_setup .info { .tab-initial_setup .info {
float: left; display: inline-block;
display: block; vertical-align: top;
margin: 0 0 10px 10px; margin: 0 0 10px 10px;
@ -244,7 +244,7 @@
line-height: 22px; line-height: 22px;
} }
.tab-initial_setup .battery input { .tab-initial_setup .battery input {
width: 60px; width: 58px;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;

View File

@ -41,58 +41,54 @@
</div> </div>
</div> </div>
</div> </div>
<div class="left"> <div class="throttle">
<div class="throttle"> <span class="head" i18n="initialSetupThrottleHead"></span>
<span class="head" i18n="initialSetupThrottleHead"></span> <div class="fields">
<div class="fields"> <dl>
<dl> <dt i18n="initialSetupMinimum"></dt><dd><input type="number" name="minthrottle" min="0" max="2000" /></dd>
<dt i18n="initialSetupMinimum"></dt><dd><input type="number" name="minthrottle" min="0" max="2000" /></dd> <dt i18n="initialSetupMaximum"></dt><dd><input type="number" name="maxthrottle" min="0" max="2000" /></dd>
<dt i18n="initialSetupMaximum"></dt><dd><input type="number" name="maxthrottle" min="0" max="2000" /></dd> <dt i18n="initialSetupFailsafe"></dt><dd><input type="number" name="failsafe_throttle" min="1000" max="2000" /></dd>
<dt i18n="initialSetupFailsafe"></dt><dd><input type="number" name="failsafe_throttle" min="1000" max="2000" /></dd> <dt i18n="initialSetupMinCommand"></dt><dd><input type="number" name="mincommand" min="0" max="2000" /></dd>
<dt i18n="initialSetupMinCommand"></dt><dd><input type="number" name="mincommand" min="0" max="2000" /></dd> </dl>
</dl>
</div>
</div> </div>
<div class="battery"> </div>
<span class="head" i18n="initialSetupBatteryHead"></span> <div class="battery">
<div class="fields"> <span class="head" i18n="initialSetupBatteryHead"></span>
<dl> <div class="fields">
<dt i18n="initialSetupMinCellV"></dt><dd><input type="number" name="mincellvoltage" step="0.1" min="1" max="5" /></dd> <dl>
<dt i18n="initialSetupMaxCellV"></dt><dd><input type="number" name="maxcellvoltage" step="0.1" min="1" max="5" /></dd> <dt i18n="initialSetupMinCellV"></dt><dd><input type="number" name="mincellvoltage" step="0.1" min="1" max="5" /></dd>
<dt i18n="initialSetupVoltageScale"></dt><dd><input type="number" name="voltagescale" step="1" min="10" max="200" /></dd> <dt i18n="initialSetupMaxCellV"></dt><dd><input type="number" name="maxcellvoltage" step="0.1" min="1" max="5" /></dd>
</dl> <dt i18n="initialSetupVoltageScale"></dt><dd><input type="number" name="voltagescale" step="1" min="10" max="200" /></dd>
</div> </dl>
</div> </div>
<div class="acc-trim"> </div>
<span class="head" i18n="initialSetupAccelTrimsHead"></span> <div class="acc-trim">
<div class="fields"> <span class="head" i18n="initialSetupAccelTrimsHead"></span>
<dl> <div class="fields">
<dt i18n="initialSetupPitch"></dt><dd><input type="number" name="pitch" min="-300" max="300" /></dd> <dl>
<dt i18n="initialSetupRoll"></dt><dd><input type="number" name="roll" min="-300" max="300" /></dd> <dt i18n="initialSetupPitch"></dt><dd><input type="number" name="pitch" min="-300" max="300" /></dd>
</dl> <dt i18n="initialSetupRoll"></dt><dd><input type="number" name="roll" min="-300" max="300" /></dd>
</div> </dl>
</div> </div>
<div class="clear-both"></div> </div>
<div class="magnetometer"> <div class="magnetometer">
<span class="head" i18n="initialSetupMagHead"></span> <span class="head" i18n="initialSetupMagHead"></span>
<div class="fields"> <div class="fields">
<dl> <dl>
<dt i18n="initialSetupDeclination"></dt><dd><input type="number" name="mag_declination" step="0.1" min="-180" max="180" /></dd> <dt i18n="initialSetupDeclination"></dt><dd><input type="number" name="mag_declination" step="0.1" min="-180" max="180" /></dd>
</dl> </dl>
</div>
</div> </div>
<div class="info"> </div>
<span class="head" i18n="initialSetupInfoHead"></span> <div class="info">
<div class="fields"> <span class="head" i18n="initialSetupInfoHead"></span>
<dl> <div class="fields">
<dt i18n="initialSetupBattery"></dt><dd class="bat-voltage">0 V</dd> <dl>
<dt i18n="initialSetupDrawn"></dt><dd class="bat-mah-drawn">0 mAh</dd> <dt i18n="initialSetupBattery"></dt><dd class="bat-voltage">0 V</dd>
<dt i18n="initialSetupDrawing"></dt><dd class="bat-mah-drawing">0 A</dd> <dt i18n="initialSetupDrawn"></dt><dd class="bat-mah-drawn">0 mAh</dd>
<dt i18n="initialSetupRSSI"></dt><dd class="rssi">0 %</dd> <dt i18n="initialSetupDrawing"></dt><dd class="bat-mah-drawing">0 A</dd>
</dl> <dt i18n="initialSetupRSSI"></dt><dd class="rssi">0 %</dd>
</div> </dl>
</div> </div>
<div class="clear-both"></div>
</div> </div>
<div class="buttons"> <div class="buttons">
<a class="update" href="#" i18n="initialSetupButtonSave"></a> <a class="update" href="#" i18n="initialSetupButtonSave"></a>