Change favorite icon

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

-.outer-card {
-  margin-bottom: 3%;
-  background-color: var(--primary);
-}
-
 app-comment {
   overflow: auto;
   overflow-wrap: break-word;

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

@@ -16,7 +16,7 @@
       </button>
       <button mat-icon-button [disabled]="isStudent"
               (click)="setFavorite(comment)">
-        <mat-icon [ngClass]="{true: 'favorite-icon', false: 'not-marked'}[comment.favorite]">favorite_border</mat-icon>
+        <mat-icon [ngClass]="{true: 'favorite-icon', false: 'not-marked'}[comment.favorite]">favorite</mat-icon>
       </button>
       <button mat-icon-button [disabled]="isStudent" (click)="setRead(comment)">
         <mat-icon class="icon" [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}">visibility

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

 #comment-card {
-  margin-bottom: 20px;
+  margin-bottom: 3%;
   background-color: var(--surface);
   cursor: pointer;
   padding: 1.5% 1.5% 3% 3%;