UI polish

tabs/initial_setup.css

@@ -66,22 +66,23 @@
         display: block;
         
         margin-left: 10px;
-        margin-top: 240px;
+        margin-top: 235px;
         
-        width: 100px;
-        height: 23px;
-        line-height: 23px;
+        height: 28px;
+        line-height: 28px;
+        
+        padding: 0 15px 0 15px;
         
-        color: white;
         text-align: center;
+        font-weight: bold;
         
         border: 1px solid silver;
-        background-color: blue;
+        background-color: #ececec;
         
         z-index: 100;
     } 
     #interactive_block a.reset:hover {
-        text-decoration: none;
+        background-color: #dedcdc;
     }
     #perspective {
         -webkit-perspective: 800;
@@ -157,14 +158,25 @@
                 
                 -webkit-transform: rotateX(90deg) translateZ(100px);
                 background-color: silver;
-            }
-    .tab-initial_setup .battery, 
+            } 
     .tab-initial_setup .acc-trim {
         float: left;
         display: block;
         
         margin-top: 10px;
-        margin-left: 25px;
+        margin-left: 10px;
+        
+        width: 145px;
+        
+        border: 1px solid silver;
+    }
+    .tab-initial_setup .battery {
+        float: left;
+        
+        display: block;
+        
+        margin-top: 10px;
+        margin-left: 10px;
         
         width: 145px;
         
@@ -193,6 +205,7 @@
         .tab-initial_setup .acc-trim dt {
             float: left;
             width: 50px;
+            line-height: 22px;
             
             margin-bottom: 4px;
         }
@@ -219,30 +232,22 @@
             height: 20px;
             line-height: 20px;
             
-            color: white;
             text-align: center;
+            font-weight: bold;
             
             border: 1px solid silver;
-            background-color: #6f1515;
+            background-color: #ececec;
         }
         .tab-initial_setup .acc-trim a.update:hover {
-            cursor: default;
-        }
-        .tab-initial_setup .acc-trim a.update.active {
-            background-color: #0fab16;
-        }
-        .tab-initial_setup .acc-trim a.update.active:hover {
-            cursor: pointer;
-            background-color: #13d81d;
+            background-color: #dedcdc;
         }
     .tab-initial_setup .compass-wrapper {
-        float: left;
+        position: absolute;
         
-        margin-top: 20px;
-        margin-left: 180px;
+        bottom: 60px;
+        right: 140px;
 
         border: 1px solid silver;
-        
         border-radius: 50%;
     }    
     .tab-initial_setup #compass {

tabs/initial_setup.html

@@ -43,12 +43,6 @@
             </div>
         </div>
     </div>
-    <div class="battery">
-        <span class="head">Battery</span>
-        <div class="fields">
-            Voltage: <span class="bat-voltage">0 V</span>
-        </div>
-    </div>
     <div class="acc-trim">
         <span class="head">Accelerometer trims</span>
         <div class="fields">
@@ -59,6 +53,12 @@
             <a class="update" href="#">Save</a>
         </div>
     </div>
+    <div class="battery">
+        <span class="head">Battery</span>
+        <div class="fields">
+            Voltage: <span class="bat-voltage">0 V</span>
+        </div>
+    </div>
     <div class="compass-wrapper">
         <div id="compass">
             <span>N</span>

tabs/initial_setup.js

@@ -114,11 +114,6 @@ function tab_initialize_initial_setup() {
             });
 
             
-            $('input[name="pitch"], input[name="roll"]').change(function() {
-                // if any of the fields changed, unlock update button
-                $('a.update').addClass('active');
-            });    
-            
             $('a.update').click(function() {
                 CONFIG.accelerometerTrims[0] = parseInt($('input[name="pitch"]').val());
                 CONFIG.accelerometerTrims[1] = parseInt($('input[name="roll"]').val());
@@ -134,9 +129,6 @@ function tab_initialize_initial_setup() {
                 
                 // Save changes to EEPROM
                 send_message(MSP_codes.MSP_EEPROM_WRITE, MSP_codes.MSP_EEPROM_WRITE);
-                
-                // remove the active status
-                $(this).removeClass('active');
             });    
 
             // reset yaw button hook