semantic html

src/app/components/moderator/room-moderator-page/room-moderator-page.component.html

@@ -6,7 +6,7 @@
           <span class="fill-remaining-space"></span>
           <mat-card-header fxLayoutAlign="center">
             <mat-card-title fxLayoutAlign="center">
-              <h1>{{ room.name }}</h1>
+              <h2>{{ room.name }}</h2>
             </mat-card-title>
             <mat-card-subtitle fxLayoutAlign="center">
               <mat-icon *ngIf="moderationEnabled" class="gavel">
@@ -35,7 +35,7 @@
                 <mat-icon matBadge="{{commentCounter}}" class="main-icon"
                           [ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer
                 </mat-icon>
-                <h2>{{ 'room-page.public-stream' | translate}}</h2>
+                <h3>{{ 'room-page.public-stream' | translate}}</h3>
               </button>
             </mat-grid-tile>
             <mat-grid-tile *ngIf="moderationEnabled">
@@ -45,7 +45,7 @@
                 <mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
                           [ngClass]="{'desktop' : deviceType === 'desktop'}">gavel
                 </mat-icon>
-                <h2>{{ 'room-page.moderating-stream' | translate}}</h2>
+                <h3>{{ 'room-page.moderating-stream' | translate}}</h3>
               </button>
             </mat-grid-tile>
         </mat-grid-list>
@@ -54,7 +54,7 @@
                     routerLink="/creator/room/{{ room.shortId }}/comments" aria-labelledby="question_answer">
               <mat-icon matBadge="{{commentCounter}}" class="main-icon"
                         [ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer</mat-icon>
-              <h2>{{ 'room-page.comments' | translate}}</h2>
+              <h3>{{ 'room-page.comments' | translate}}</h3>
             </button>
           </div>
         </div>