Merge branch '147-mat-dialog-buttons-are-not-shown-on-small-devices' into 'master'

Make several dialogs scrollable

Closes #147

See merge request frag.jetzt!151

src/app/components/home/_dialogs/data-protection/data-protection.component.html

 <div>
-  <h1 tabindex="0"  mat-dialog-title class="modal">{{ 'data-protection.title' | translate }}</h1>
+  <h1 tabindex="0" mat-dialog-title class="modal">{{ 'data-protection.title' | translate }}</h1>
 
   <mat-divider></mat-divider>
 
   <mat-dialog-content tabindex="0">
     <app-data-protection-en *ngIf="currentLang=='en'"></app-data-protection-en>
     <app-data-protection-de *ngIf="currentLang=='de'"></app-data-protection-de>
-  </mat-dialog-content>
 
-  <app-dialog-action-buttons
-    buttonsLabelSection="data-protection"
-    confirmButtonLabel="consent"
-    [confirmButtonType]=confirmButtonType
-    [cancelButtonClickAction]="buildDeclineActionCallback()"
-    [confirmButtonClickAction]="buildConfirmActionCallback()"
-  ></app-dialog-action-buttons>
+
+    <app-dialog-action-buttons
+      buttonsLabelSection="data-protection"
+      confirmButtonLabel="consent"
+      [confirmButtonType]=confirmButtonType
+      [cancelButtonClickAction]="buildDeclineActionCallback()"
+      [confirmButtonClickAction]="buildConfirmActionCallback()">
+    </app-dialog-action-buttons>
+  </mat-dialog-content>
 </div>
 

src/app/components/home/_dialogs/imprint/imprint.component.html

@@ -3,8 +3,8 @@
 <mat-dialog-content tabindex="0">
   <app-imprint-en *ngIf="currentLang=='en'"></app-imprint-en>
   <app-imprint-de *ngIf="currentLang=='de'"></app-imprint-de>
+  <app-dialog-action-buttons
+    buttonsLabelSection="imprint"
+    [cancelButtonClickAction]="buildDeclineActionCallback()">
+  </app-dialog-action-buttons>
 </mat-dialog-content>
-<app-dialog-action-buttons
-  buttonsLabelSection="imprint"
-  [cancelButtonClickAction]="buildDeclineActionCallback()"
-></app-dialog-action-buttons>

src/app/components/home/_dialogs/password-reset/password-reset.component.html

+<mat-dialog-content>
 <div fxLayout="column" class="textfields">
   <p>{{ 'password-reset.forgot-password' | translate }}</p>
 </div>
@@ -75,6 +76,7 @@
   buttonsLabelSection="password-reset"
   [cancelButtonClickAction]="buildCloseDialogActionCallback()"
 ></app-dialog-action-buttons>
+</mat-dialog-content>
 
 <div class="visually-hidden">
   <div id="password-reset-description">{{ 'password-reset.email-description' | translate }}</div>

src/app/components/home/_dialogs/register/register.component.html

+<mat-dialog-content>
 <form (ngSubmit)="register(userName.value, userPassword1.value)" fxLayout="column"
       fxLayoutAlign="space-around" fxLayoutGap="10px">
   <mat-form-field class="input-block">
@@ -54,6 +55,7 @@
     [confirmButtonClickAction]="buildRegisterActionCallback(userName, userPassword1)"
   ></app-dialog-action-buttons>
 </form>
+</mat-dialog-content>
 
 <div class="visually-hidden">
   <div id="register-email-description">{{ 'register.email-description' | translate }}</div>