make the icons greater

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

@@ -9,7 +9,7 @@
         <mat-icon [ngClass]="{true: 'favorite-icon', false: 'not-favorite-icon'}[comment.favorite]">favorite_border</mat-icon>
       </button>
       <button mat-icon-button [disabled]="isStudent" (click)="setRead(comment)" [matTooltip]="comment.read ? 'Mark  as unread' : 'Mark as read'">
-        <mat-icon [ngClass]="{true: 'read-icon', false: 'unread-icon'}[comment.read]">visibility</mat-icon>
+        <mat-icon class="icon" [ngClass]="{true: 'read-icon', false: 'unread-icon'}[comment.read]">visibility</mat-icon>
       </button>
     </div>
     <div fxLayout="row">

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

@@ -77,6 +77,10 @@ h2 {
   text-overflow: ellipsis;
 }
 
+.mat-icon {
+  transform: scale(1.3);
+}
+
 #date {
   margin-top: 1.2%;
 }