From 462f90724883179c0af42dee52b6419da306a47b Mon Sep 17 00:00:00 2001
From: cTn <ctndesigner@gmail.com>
Date: Mon, 5 May 2014 12:44:29 +0200
Subject: [PATCH] receiver tab will now scale nicely

---
 tabs/receiver.css  |  6 +++++-
 tabs/receiver.html | 10 +++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/tabs/receiver.css b/tabs/receiver.css
index 8c377fc2..47b7e3f4 100644
--- a/tabs/receiver.css
+++ b/tabs/receiver.css
@@ -5,6 +5,7 @@
     }
     .tab-receiver .bars {
         float: left;
+        width: 45%;
 
         font-weight: bold;
     }
@@ -19,11 +20,14 @@
     }
     .tab-receiver .bars .name {
         width: 60px;
+    }
+    .tab-receiver .bars .meter {
+        width: 70%;
     }
         .tab-receiver .bars .meter meter {
             margin-top: 4px;
 
-            width: 200px;
+            width: 100%;
             height: 14px;
 
             border: 1px solid silver;
diff --git a/tabs/receiver.html b/tabs/receiver.html
index 3f1a2bcb..abc13a84 100644
--- a/tabs/receiver.html
+++ b/tabs/receiver.html
@@ -5,41 +5,49 @@
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #C0D800">
             <li class="name">Pitch</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #CB4B4B">
             <li class="name">Roll</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #4DA74D">
             <li class="name">Yaw</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #9440ED">
-            <li class="name"">AUX1</li>
+            <li class="name">AUX1</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #45147a">
             <li class="name">AUX2</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #cf7a26">
             <li class="name">AUX3</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
         <ul style="color: #147a66">
             <li class="name">AUX4</li>
             <li class="meter"><meter min="800" max="2200"></meter></li>
             <li class="value"></li>
         </ul>
+        <div class="clear-both"></div>
     </div>
     <div class="tunings">
         <table class="throttle">