Style tweaks

assets/javascripts/wizard/initializers/custom.js.es6

@@ -41,6 +41,10 @@ export default {
     WizardStep.reopen({
       classNameBindings: ['step.id'],
 
+      ensureStartsAtTop: function() {
+        window.scrollTo(0,0);
+      }.observes('step.id'),
+
       showQuitButton: function() {
         const index = this.get('step.index');
         const required = this.get('wizard.required');

assets/stylesheets/wizard/wizard_custom.scss

@@ -430,3 +430,7 @@ img.avatar {
     color: rgb(231, 195, 0);
   }
 }
+
+.textarea-field textarea {
+  height: 19em;
+}

assets/stylesheets/wizard/wizard_custom_mobile.scss

@@ -38,4 +38,14 @@
   input, textarea {
     border: 1px solid #919191;
   }
+
+  .wizard-column {
+    .checkbox-field > label {
+      max-width: 80%;
+    }
+
+    .wizard-field .field-description img {
+      float: left;
+    }
+  }
 }