Exchange gavel for the mic icon

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

@@ -29,7 +29,7 @@
             {{ 'room-page.comments' | translate}}
           </button>
           <button mat-menu-item (click)="showModeratorsDialog()" aria-labelledby= "person">
-            <mat-icon>gavel</mat-icon>
+            <mat-icon>mic</mat-icon>
             {{ 'room-page.moderators' | translate}}
           </button>
           <button mat-menu-item (click)="showBonusTokenDialog()" aria-labelledby= "person">
@@ -71,7 +71,7 @@
             <button id="gavel-button" mat-icon-button [disableRipple]="true"
                     routerLink="/moderator/room/{{ room.shortId }}/moderator/comments" aria-labelledby="gavel">
               <mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
-                        [ngClass]="{'smallerIcon' : deviceType === 'mobile'}">gavel
+                        [ngClass]="{'desktop' : deviceType === 'desktop'}">mic
               </mat-icon>
               <h3>{{ 'room-page.moderating-stream' | translate}}</h3>
             </button>

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

@@ -10,7 +10,7 @@
             </mat-card-title>
             <mat-card-subtitle fxLayoutAlign="center">
               <mat-icon *ngIf="moderationEnabled" class="gavel">
-                gavel
+                mic
               </mat-icon>
               <span class="room-short-id">
                 {{ 'room-page.session-id' | translate}}: {{ room.shortId.slice(0, 4) }} {{  room.shortId.slice(4, 8) }}
@@ -43,7 +43,7 @@
                       mat-icon-button [disableRipple]="true"
                       routerLink="/moderator/room/{{ room.shortId }}/moderator/comments">
                 <mat-icon matBadge="{{moderatorCommentCounter}}" class="main-icon"
-                          [ngClass]="{'desktop' : deviceType === 'desktop'}">gavel
+                          [ngClass]="{'desktop' : deviceType === 'desktop'}">mic
                 </mat-icon>
                 <h3>{{ 'room-page.moderating-stream' | translate}}</h3>
               </button>

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

@@ -10,7 +10,7 @@
           </mat-card-title>
           <mat-card-subtitle fxLayoutAlign="center">
             <mat-icon *ngIf="moderationEnabled" class="gavel">
-              gavel
+              mic
             </mat-icon>
             <h3>
               {{ 'room-page.session-id' | translate}}: {{ room.shortId.slice(0, 4) }} {{  room.shortId.slice(4, 8) }}

src/app/components/shared/comment/comment.component.html

@@ -61,7 +61,7 @@
       <button mat-icon-button *ngIf="isCreator || isModerator" (click)="setAck(comment)"
               tabindex="0" attr.aria-labelledby="comment_moderation{{ comment.id }}">
         <mat-icon class="gavel" [matTooltip]="!comment.ack ? ('comment-page.acknowledge' | translate)
-                                                        : ('comment-page.reject' | translate)">gavel
+                                                        : ('comment-page.reject' | translate)">mic
         </mat-icon>
       </button>
     </div>

src/app/components/shared/room-list/room-list.component.html

@@ -59,7 +59,7 @@
             </mat-icon>
             <mat-icon mat-list-icon *ngSwitchCase="executiveModeratorRole"
                       title="{{ 'room-list.executive-moderator-role' | translate }}">
-              gavel
+              mic
             </mat-icon>
           </td>
         </ng-container>