Change order of comment flags

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

@@ -11,11 +11,6 @@
         </ng-template>
       </div>
       <span class="fill-remaining-space"></span>
-      <button mat-icon-button *ngIf="comment.read" [disabled]="true" (click)="setRead(comment)">
-        <mat-icon [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}"
-                  matTooltip="{{ 'comment-page.mark-read' | translate }}">speaker_notes
-        </mat-icon>
-      </button>
       <button mat-icon-button *ngIf="!isStudent || comment.correct === 2" [disabled]="isStudent"
               (click)="markCorrect(comment, 2)">
         <mat-icon [ngClass]="{'wrong-icon' : comment.correct === 2,
@@ -39,6 +34,11 @@
                                                  : ('comment-page.mark-not-favorite' | translate)">grade
         </mat-icon>
       </button>
+      <button mat-icon-button *ngIf="comment.read" [disabled]="true" (click)="setRead(comment)">
+        <mat-icon [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}"
+                  matTooltip="{{ 'comment-page.mark-read' | translate }}">speaker_notes
+        </mat-icon>
+      </button>
       <button mat-icon-button *ngIf="!isStudent" (click)="openDeleteCommentDialog()">
         <mat-icon class="not-marked" matTooltip="{{ 'comment-page.delete' | translate }}">delete
         </mat-icon>