add help buttons

src/app/pages/register/register.component.html

@@ -1,7 +1,9 @@
 <form [formGroup]="form" (ngSubmit)="register()" *ngIf="!success">
     <mat-card>
+        <mat-card-header>
+            <mat-card-title>{{'register' | i18n}}</mat-card-title>
+        </mat-card-header>
         <mat-card-content>
-            <h2>{{'register' | i18n}}</h2>
             <mat-error *ngIf="missingToken">
                 <a routerLink="/tokens">{{'register.token.missing' | i18n}}</a>
             </mat-error>
@@ -34,10 +36,10 @@
 
             <mat-slide-toggle formControlName="primaryEmail" [(ngModel)]="model.primaryEmail"
                 (change)="onPrimaryChange()">
-                {{'email.primary' | i18n}} 
+                {{'email.primary' | i18n}}
             </mat-slide-toggle>
             <mat-icon #primaryHint="matTooltip" (click)="primaryHint.toggle()" inline="true"
-            matTooltip="{{'email.primary.hint' | i18n:model.username}}">info</mat-icon>
+                matTooltip="{{'email.primary.hint' | i18n:model.username}}">info</mat-icon>
 
             <mat-form-field *ngIf="model.primaryEmail">
                 <input matInput type="email" placeholder="{{'email' | i18n}}" formControlName="email"
@@ -63,6 +65,11 @@
 
             <mat-progress-bar *ngIf="working" mode="indeterminate"></mat-progress-bar>
         </mat-card-actions>
+        <mat-card-footer>
+            <a href="https://wiki.bstly.de/services/webstly#registration" class="help-button" matTooltip="{{'help-button' | i18n}}" matTooltipPosition="above"  target="_blank" mat-fab color="accent">
+                <mat-icon>contact_support</mat-icon>
+            </a>
+        </mat-card-footer>
     </mat-card>
 </form>
 
@@ -86,5 +93,4 @@
             {{'register.login' | i18n}}
         </a>
     </mat-card-actions>
-</mat-card>
-
+</mat-card>