Welcome wizard style updates

assets/stylesheets/wizard/wizard_custom.scss

@@ -367,6 +367,10 @@ img.avatar {
 
   &> label {
     float: right;
+
+    .field-description {
+      margin-top: 0;
+    }
   }
 
   &> .input-area {
@@ -395,8 +399,8 @@ img.avatar {
       width: 40px;
       height: 40px;
       vertical-align: middle;
-      padding-bottom: 5px;
+      padding-bottom: 10px;
-      margin-right: 10px;
+      margin-right: 15px;
     }
 
     input {

assets/stylesheets/wizard/wizard_custom_mobile.scss

@@ -31,6 +31,11 @@
     }
   }
 
+  .wizard-step-banner {
+    max-height: 200px !important;
+    width: initial !important;
+  }
+
   .control-group {
     margin-right: 0;
     margin-bottom: 20px;
@@ -46,22 +51,16 @@
       max-width: 80%;
     }
 
-    .wizard-field {
+    .wizard-field .field-description {
-      label[for="tip"] .field-description {
+      display: flex;
-        display: flex;
+      align-items: center;
-        align-items: center;
 
-        img {
+      img {
-          float: none;
+        float: none;
-        }
-
-        i {
-          flex: 1;
-        }
       }
 
-      .field-description img {
+      i, span {
-        float: left;
+        flex: 1;
       }
     }
   }