Add wizard information

_locales/en/messages.json

@@ -1384,7 +1384,10 @@
         "message": "Mixer <span style=\"color: #37a8db\">saved</span>"
     },
     "mixerWizard": {
-        "message": "Motor wizard"
+        "message": "Mixer wizard"
+    },
+    "mixerWizardInfo": {
+        "message":"<ol><li>Remove propellers</li><li>Connect LiPo and use Outputs Tab to test all motors</li><li>Note the position of each motor (motor #1 - Left Top and so on)</li><li>Fill the table below</li></ol>"
     },
     "gpsHead": {
         "message": "GPS"

main.css

@@ -2152,3 +2152,9 @@ select {
 .subtab__content--current {
     display: block;
 }
+
+ol li {
+    list-style: decimal;
+    padding-left: 0.5em;
+    margin-left: 1em;
+}

tabs/mixer.html

@@ -173,7 +173,8 @@
         <div class="modal__content">
             <h1 class="modal__title modal__title--warning" data-i18n="mixerWizardModalTitle"></h1>
             <div class="modal__text">
-                <table class="mixer-table">
+                <p data-i18n="mixerWizardInfo"></p>
+                <table style="margin-top: 1em;" class="mixer-table">
                     <thead>
                         <th data-i18n="mixerWizardMotorPosition"></th>
                         <th data-i18n="mixerWizardMotorIndex"></th>

tabs/mixer.js

@@ -289,7 +289,7 @@ TABS.mixer.initialize = function (callback, scrollPosition) {
 
         motorWizardModal = new jBox('Modal', {
             width: 480,
-            height: 320,
+            height: 410,
             closeButton: 'title',
             animation: false,
             attach: $wizardButton,