Show contentGroup-name as title

src/app/components/creator/content-list/content-list.component.html

 <div fxLayout="row" fxLayoutGap="20px" fxLayoutAlign="center">
   <mat-card>
     <mat-card-header>
-      <h2 fxLayoutAlign="center">{{ 'content.contents' | translate}}</h2>
+      <mat-card-title>
+        <h2>{{ collectionName }}</h2>
+      </mat-card-title>
     </mat-card-header>
     <mat-divider></mat-divider>
     <div *ngIf="isLoading" fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
@@ -9,14 +11,20 @@
         <mat-progress-spinner mode="indeterminate"></mat-progress-spinner>
       </div>
     </div>
+    <mat-grid-list cols="2" rowHeight="2:1">
+      <mat-grid-tile>
     <button class="actionButton" mat-fab color="primary" matTooltip="Fragen präsentieren"
               routerLink="/creator/room/{{ roomId }}/contents">
       <mat-icon>school</mat-icon>
     </button>
+      </mat-grid-tile>
+      <mat-grid-tile>
     <button class="actionButton" mat-fab color="primary" matTooltip="Neue Frage erstellen"
               routerLink="/creator/room/{{ roomId }}/create-content">
       <mat-icon>note_add</mat-icon>
     </button>
+      </mat-grid-tile>
+    </mat-grid-list>
     <mat-divider></mat-divider>
     <mat-card-content>
       <mat-expansion-panel *ngFor="let content of contents">

src/app/components/creator/content-list/content-list.component.ts

@@ -42,6 +42,8 @@ export class ContentListComponent implements OnInit {
 
   isLoading = true;
 
+  collectionName: string;
+
   constructor(private contentService: ContentService,
               private roomService: RoomService,
               private route: ActivatedRoute,
@@ -64,6 +66,7 @@ export class ContentListComponent implements OnInit {
     });
     this.route.params.subscribe(params => {
       sessionStorage.setItem('collection', params['contentGroup']);
+      this.collectionName = params['contentGroup'];
     });
     this.translateService.use(localStorage.getItem('currentLang'));
     this.isLoading = false;