From 8528e3f0668dfbfdcdf19f00ab36469df43dc261 Mon Sep 17 00:00:00 2001
From: cTn <ctndesigner@gmail.com>
Date: Thu, 4 Sep 2014 08:57:58 +0200
Subject: [PATCH] pixel perfect block alignment for initial setup tab

---
 tabs/initial_setup.css  |  6 +--
 tabs/initial_setup.html | 90 ++++++++++++++++++++---------------------
 2 files changed, 46 insertions(+), 50 deletions(-)

diff --git a/tabs/initial_setup.css b/tabs/initial_setup.css
index 767e98d9..17aab25b 100644
--- a/tabs/initial_setup.css
+++ b/tabs/initial_setup.css
@@ -192,8 +192,8 @@
     .tab-initial_setup .acc-trim,
     .tab-initial_setup .magnetometer,
     .tab-initial_setup .info {
-        float: left;
-        display: block;
+        display: inline-block;
+        vertical-align: top;
 
         margin: 0 0 10px 10px;
 
@@ -244,7 +244,7 @@
             line-height: 22px;
         }
         .tab-initial_setup .battery input {
-            width: 60px;
+            width: 58px;
             height: 20px;
             line-height: 20px;
 
diff --git a/tabs/initial_setup.html b/tabs/initial_setup.html
index fe226ee2..8665b459 100644
--- a/tabs/initial_setup.html
+++ b/tabs/initial_setup.html
@@ -41,58 +41,54 @@
             </div>
         </div>
     </div>
-    <div class="left">
-        <div class="throttle">
-            <span class="head" i18n="initialSetupThrottleHead"></span>
-            <div class="fields">
-                <dl>
-                    <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="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>
-                </dl>
-            </div>
+    <div class="throttle">
+        <span class="head" i18n="initialSetupThrottleHead"></span>
+        <div class="fields">
+            <dl>
+                <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="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>
+            </dl>
         </div>
-        <div class="battery">
-            <span class="head" i18n="initialSetupBatteryHead"></span>
-            <div class="fields">
-                <dl>
-                    <dt i18n="initialSetupMinCellV"></dt><dd><input type="number" name="mincellvoltage" step="0.1" min="1" max="5" /></dd>
-                    <dt i18n="initialSetupMaxCellV"></dt><dd><input type="number" name="maxcellvoltage" 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>
-                </dl>
-            </div>
+    </div>
+    <div class="battery">
+        <span class="head" i18n="initialSetupBatteryHead"></span>
+        <div class="fields">
+            <dl>
+                <dt i18n="initialSetupMinCellV"></dt><dd><input type="number" name="mincellvoltage" step="0.1" min="1" max="5" /></dd>
+                <dt i18n="initialSetupMaxCellV"></dt><dd><input type="number" name="maxcellvoltage" 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>
+            </dl>
         </div>
-        <div class="acc-trim">
-            <span class="head" i18n="initialSetupAccelTrimsHead"></span>
-            <div class="fields">
-                <dl>
-                    <dt i18n="initialSetupPitch"></dt><dd><input type="number" name="pitch" min="-300" max="300" /></dd>
-                    <dt i18n="initialSetupRoll"></dt><dd><input type="number" name="roll"   min="-300" max="300" /></dd>
-                </dl>
-            </div>
+    </div>
+    <div class="acc-trim">
+        <span class="head" i18n="initialSetupAccelTrimsHead"></span>
+        <div class="fields">
+            <dl>
+                <dt i18n="initialSetupPitch"></dt><dd><input type="number" name="pitch" min="-300" max="300" /></dd>
+                <dt i18n="initialSetupRoll"></dt><dd><input type="number" name="roll"   min="-300" max="300" /></dd>
+            </dl>
         </div>
-        <div class="clear-both"></div>
-        <div class="magnetometer">
-            <span class="head" i18n="initialSetupMagHead"></span>
-            <div class="fields">
-                <dl>
-                    <dt i18n="initialSetupDeclination"></dt><dd><input type="number" name="mag_declination" step="0.1" min="-180" max="180" /></dd>
-                </dl>
-            </div>
+    </div>
+    <div class="magnetometer">
+        <span class="head" i18n="initialSetupMagHead"></span>
+        <div class="fields">
+            <dl>
+                <dt i18n="initialSetupDeclination"></dt><dd><input type="number" name="mag_declination" step="0.1" min="-180" max="180" /></dd>
+            </dl>
         </div>
-        <div class="info">
-            <span class="head" i18n="initialSetupInfoHead"></span>
-            <div class="fields">
-                <dl>
-                    <dt i18n="initialSetupBattery"></dt><dd class="bat-voltage">0 V</dd>
-                    <dt i18n="initialSetupDrawn"></dt><dd class="bat-mah-drawn">0 mAh</dd>
-                    <dt i18n="initialSetupDrawing"></dt><dd class="bat-mah-drawing">0 A</dd>
-                    <dt i18n="initialSetupRSSI"></dt><dd class="rssi">0 %</dd>
-                </dl>
-            </div>
+    </div>
+    <div class="info">
+        <span class="head" i18n="initialSetupInfoHead"></span>
+        <div class="fields">
+            <dl>
+                <dt i18n="initialSetupBattery"></dt><dd class="bat-voltage">0 V</dd>
+                <dt i18n="initialSetupDrawn"></dt><dd class="bat-mah-drawn">0 mAh</dd>
+                <dt i18n="initialSetupDrawing"></dt><dd class="bat-mah-drawing">0 A</dd>
+                <dt i18n="initialSetupRSSI"></dt><dd class="rssi">0 %</dd>
+            </dl>
         </div>
-        <div class="clear-both"></div>
     </div>
     <div class="buttons">
         <a class="update" href="#" i18n="initialSetupButtonSave"></a>