From c5b82cf32d63bcfbf5d9c189b9168fd81e633be5 Mon Sep 17 00:00:00 2001
From: cTn <ctndesigner@gmail.com>
Date: Sat, 4 Jan 2014 10:37:52 +0100
Subject: [PATCH] UI polish

---
 tabs/pid_tuning.css  | 44 ++++++++++++++++++++++++++++++++------------
 tabs/pid_tuning.html | 10 +++++-----
 2 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/tabs/pid_tuning.css b/tabs/pid_tuning.css
index b34f0aba..d86598d0 100644
--- a/tabs/pid_tuning.css
+++ b/tabs/pid_tuning.css
@@ -1,28 +1,53 @@
 .tab-pid_tuning table {
-    width: 100%;
-    border-collapse: collapse;    
+    float: left;
+    
+    border-collapse: collapse;
 }
-    .tab-pid_tuning table, .tab-pid_tuning table th, .tab-pid_tuning table td {
+    .tab-pid_tuning table, 
+    .tab-pid_tuning table th, 
+    .tab-pid_tuning table td {
         padding: 4px;
         border: 1px solid #8b8b8b;
     }
+    .tab-pid_tuning table tr td:first-child {
+        text-align: center;
+    }
+    .tab-pid_tuning table td {
+        padding: 1px;
+    }
     .tab-pid_tuning table tr:nth-child(odd) {
         background-color: #ececec;
-    }    
+    }
+    .tab-pid_tuning .name {
+        width: 150px;
+    }
+    .tab-pid_tuning .proportional,
+    .tab-pid_tuning .integral,
+    .tab-pid_tuning .derivative {
+        width: 100px;
+    }
     .tab-pid_tuning table input {
-        width: 130px;
+        width: 96px;
         height: 20px;
         line-height: 20px;
         
         padding: 0 5px 0 5px;
-        border: 1px solid silver;
         text-align: right;
     }
+    .tab-pid_tuning .rate-tpa {
+        margin-left: 10px;
+    }
+    .tab-pid_tuning .rate-tpa th {
+        width: 131px;
+    }
+    .tab-pid_tuning .rate-tpa input {
+        width: 127px;
+    }
     .tab-pid_tuning .update {
         display: block;
         float: right;
         
-        margin-top: 20px;
+        margin-top: 10px;
         
         height: 28px;
         line-height: 28px;
@@ -37,9 +62,4 @@
     }
     .tab-pid_tuning .update:hover {
         background-color: #dedcdc;
-    }
-    .tab-pid_tuning .rate-tpa {
-        float: left;
-        width: 400px;
-        margin-top: 20px;
     }
\ No newline at end of file
diff --git a/tabs/pid_tuning.html b/tabs/pid_tuning.html
index 5a2fdadb..2bbcdae4 100644
--- a/tabs/pid_tuning.html
+++ b/tabs/pid_tuning.html
@@ -1,10 +1,10 @@
 <div class="tab-pid_tuning">
     <table class="pid_tuning">
         <tr>
-            <th class="name" style="width: 50%">Name</th>
-            <th class="proportional" style="width: 16%">Proportional</th>
-            <th class="integral" style="width: 16%">Integral</th>
-            <th class="derivative" style="width: 16%">Derivative</th>
+            <th class="name">Name</th>
+            <th class="proportional">Proportional</th>
+            <th class="integral">Integral</th>
+            <th class="derivative">Derivative</th>
         </tr>
         <tr class="ROLL">
             <td>ROLL</td>
@@ -60,7 +60,7 @@
     </table>
     <table class="rate-tpa">
         <tr>
-            <th>ROLL rate &amp; PITCH rate</th>
+            <th>ROLL &amp; PITCH rate</th>
             <th>YAW rate</th>
             <th>TPA</th>
         </tr>