Fix icon size in room-view for moderators and creators

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

@@ -42,18 +42,18 @@
           {{ room.description.trim() }}
         </h4>
       </mat-card-content>
-      <mat-grid-list cols="{{viewModuleCount}}" rowHeight="2:1">
+      <mat-grid-list cols="{{viewModuleCount}}" rowHeight="1:1">
         <mat-grid-tile>
           <button mat-icon-button
                   routerLink="/creator/room/{{ room.shortId }}/comments">
-            <mat-icon matBadge="{{commentCounter}}" matBadgeColor="primary" class="main-icon"
+            <mat-icon matBadge="{{commentCounter}}" class="main-icon"
                       [ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer</mat-icon>
             <h3>{{ 'room-page.comments' | translate}}</h3> <!-- *ngIf="deviceType === 'desktop'" -->
           </button>
         </mat-grid-tile>
         <mat-grid-tile *ngIf="moderationEnabled">
           <button mat-icon-button routerLink="/moderator/room/{{ room.shortId }}/moderator/comments">
-            <mat-icon matBadge="{{moderatorCommentCounter}}" matBadgeColor="primary"
+            <mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
                       [ngClass]="{'desktop' : deviceType === 'desktop'}">gavel
             </mat-icon>
             <h3>{{ 'room-page.moderating-stream' | translate}}</h3>         <!-- *ngIf="deviceType === 'desktop'" -->

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

@@ -20,10 +20,10 @@
         <mat-card-content *ngIf="room.description" fxLayoutAlign="center">
           <h4>{{room.description.trim()}}</h4>
         </mat-card-content>
-        <mat-grid-list cols="{{viewModuleCount}}" rowHeight="2:1">
+        <mat-grid-list cols="{{viewModuleCount}}" rowHeight="1:1">
             <mat-grid-tile>
               <button mat-icon-button routerLink="/moderator/room/{{ room.shortId }}/comments">
-                <mat-icon matBadge="{{commentCounter}}" matBadgeColor="primary"
+                <mat-icon matBadge="{{commentCounter}}" class="main-icon"
                           [ngClass]="{'desktop' : deviceType === 'desktop'}">question_answer
                 </mat-icon>
                 <h3>{{ 'room-page.public-stream' | translate}}</h3>         <!-- *ngIf="deviceType === 'desktop'" -->
@@ -31,7 +31,7 @@
             </mat-grid-tile>
             <mat-grid-tile *ngIf="moderationEnabled">
               <button mat-icon-button routerLink="/moderator/room/{{ room.shortId }}/moderator/comments">
-                <mat-icon matBadge="{{moderatorCommentCounter}}" matBadgeColor="primary"
+                <mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
                           [ngClass]="{'desktop' : deviceType === 'desktop'}">gavel
                 </mat-icon>
                 <h3>{{ 'room-page.moderating-stream' | translate}}</h3>         <!-- *ngIf="deviceType === 'desktop'" -->
@@ -50,4 +50,3 @@
   
     </div>
   </div>
-  
\ No newline at end of file

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

@@ -18,12 +18,12 @@ mat-card-content>:first-child {
   color: var(--primary)!important;
 }
 
-/*mat-icon {
-  font-size: 60px;
-  height: 60px;
-  width: 60px;
+.main-icon {
+  font-size: 80px;
+  height: 80px;
+  width: 80px;
   line-height: 100%!important;
-}*/
+}
 
 mat-icon {
   font-size: 80px;
@@ -92,14 +92,3 @@ mat-grid-tile {
   height: 100%!important;
   padding: 2%!important;
 }
-
-#settings {
-  width: 10%;
-  max-width: 40px;
-}
-
-#settings-icon {
-  font-size: 35px;
-  height: 35px;
-  width: 35px;
-}