Merge pull request #1221 from McGiverGim/css_modes_switch

CSS the hide modes tab

locales/en/messages.json

@@ -1609,7 +1609,7 @@
         "message": "Use ranges to define the switches on your transmitter and corresponding mode assignments.  A receiver channel that gives a reading between a range min/max will activate the mode.  Remember to save your settings using the Save button."
     },
     "auxiliaryToggleUnused": {
-        "message": "Show/hide unused modes"
+        "message": "Hide unused modes"
     },
     "auxiliaryMin": {
         "message": "Min"

src/css/tabs/auxiliary.css

@@ -9,6 +9,12 @@
     margin-bottom: 10px;
 }
 
+.tab-auxiliary .toolbox {
+    font-weight: bold;
+    color: rgb(105, 99, 99);
+    padding: 10px 5px;
+}
+
 .tab-auxiliary .range .marker, .tab-auxiliary .channel-slider .noUi-connect {
     background: #ffbb00;
     border-radius: 3px;

src/tabs/auxiliary.html

@@ -7,14 +7,16 @@
         <div class="note spacebottom">
             <div class="note_spacer">
                 <p i18n="auxiliaryHelp"></p>
-                <p>
+            </div>
+        </div>
+
+        <div class="toolbox">
             <form>
-                        <input type="checkbox" id="switch-toggle-unused" name="switch-toggle-unused" class="togglesmall"></input>
+                <input type="checkbox" id="switch-toggle-unused" name="switch-toggle-unused" class="toggle"></input>
                 <label for="switch-toggle-unused"><span i18n="auxiliaryToggleUnused" /></label>
             </form>
-                </p>
-            </div>
         </div>
+
         <table class="modes">
             <tbody>
             </tbody>