Update layout of the defaults dialog

js/defaults_dialog_entries.js

@@ -1,6 +1,19 @@
 'use strict';
 
 var defaultsDialogData = [
+    {
+        "title": 'Wizard',
+        "id": 76,
+        "notRecommended": false,
+        "reboot": true,
+        "wizardPages": ['receiver', 'outputs', 'gps', 'filters', 'pids'],
+        "settings": [
+            {
+                key: "applied_defaults",
+                value: 1
+            }
+        ]
+    },
     {
         "title": 'Mini Quad with 3" propellers',
         "id": 6,

src/css/defaults_dialog.css

@@ -40,6 +40,19 @@
     padding: 1em;
 }
 
+.defaults-dialog__wizard {
+    font-size: 1.2em;
+}
+
+.defaults-dialog__wizard > div {
+    margin-top: 1em;
+}
+
+.defaults-dialog__wizard label {
+    min-width: 30%;
+    display: inline-block;
+}
+
 .defaults-dialog__content--wrapper {
     overflow-y: auto;
 }

wizard/receiver.html

@@ -1,6 +1,6 @@
 <h2>Receiver wizard</h2>
 <div>
-    <label for="wizard-receiver-port">Receiver Serial Port</label><select id="wizard-receiver-port"/>
+    <label for="wizard-receiver-port">Receiver Serial Port</label><select id="wizard-receiver-port"></select>
 </div>
 <div>
     <label for="wizard-receiver-protocol">Receiver Protocol</label><select id="wizard-receiver-protocol" data-setting="serialrx_provider"></select>