(chore): streamline onboarding process

app/src/components/forms/onboarding/onboarding.html

@@ -4,64 +4,14 @@
 
   <div class="mdl-card__supporting-text mdl-grid">
 
-    <div class="mdl-cell mdl-cell--4-col">
-      <label>Avatar</label>
-    </div>
     <div class="mdl-cell mdl-cell--8-col">
       <minds-avatar editMode="true" waitForDoneSignal="false" (added)="addAvatar($event)" [src]="session.getLoggedInUser().icontime ? '/icon/' + session.getLoggedInUser().guid + '/large/' + session.getLoggedInUser().icontime : null"></minds-avatar>
     </div>
 
-    <div class="mdl-cell mdl-cell--4-col">
-      <label>Banner</label>
-    </div>
-    <div class="mdl-cell mdl-cell--8-col m-onboarding-banner">
-      <img *ngIf="banner" [src]="banner">
-      <b [hidden]="banner">Click here to upload a banner</b>
-      <b [hidden]="!banner">Click here to change banner</b>
-      <input type="file" id="file" (change)="addBanner($event)"/>
-    </div>
-
-    <div class="mdl-cell mdl-cell--4-col">
-      <label>Bio</label>
-    </div>
-    <div class="mdl-cell mdl-cell--8-col">
-      <input
-        type="text"
-        ngControl="briefdescription"
-        placeholder="Optional"
-        />
-    </div>
-
-    <div class="mdl-cell mdl-cell--4-col">
-      <label>Gender</label>
-    </div>
-    <div class="mdl-cell mdl-cell--8-col m-onboarding-gender">
-      <span><input type="radio" [ngModel]="{checked: gender == 'male'}" (ngModelChange)="gender='male'" name="gender" value="male"> Male</span>
-      <span><input type="radio" [ngModel]="{checked: gender == 'female'}" (ngModelChange)="gender='female'" name="gender"  value="female"> Female</span>
-      <span><input type="radio" [ngModel]="{checked: gender == 'private'}" (ngModelChange)="gender='private'" name="gender"  value="private"> Private</span>
-    </div>
-
-    <div class="mdl-cell mdl-cell--4-col">
-      <label>Date of Birth</label>
-    </div>
-    <div class="mdl-cell mdl-cell--8-col">
-      <input
-        type="date"
-        ngControl="dob"
-        placeholder="Optional"
-        />
-    </div>
-
-    <div class="mdl-cell mdl-cell--4-col">
-      <label>City</label>
-    </div>
-    <div class="mdl-cell mdl-cell--8-col">
-      <minds-form-city-finder></minds-form-city-finder>
-    </div>
   </div>
 
   <div class="mdl-card__actions">
-    <button class="mdl-button mdl-button--raised mdl-button--colored m-register-btn" (click)="submit($event)" [disabled]="inProgress">
+    <button class="mdl-button mdl-button--colored m-register-btn" (click)="submit($event)" [disabled]="inProgress">
       Save
     </button>
   </div>

app/src/components/forms/onboarding/onboarding.scss

@@ -7,6 +7,11 @@ minds-form-onboarding{
 
   .mdl-grid{
     align-items:center;
+    padding-top:38px;
+  }
+
+  .mdl-card__actions{
+      text-align:center;
   }
 
   minds-avatar{