Change add comment button to FAB

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

@@ -29,9 +29,9 @@
       <mat-icon class="searchBarIcon">sort</mat-icon>
     </button>
 
-    <button mat-icon-button class="searchBarButton" *ngIf="!searchBox.value" (click)="openCreateDialog()"
+    <button mat-fab class="searchBarButton" *ngIf="!searchBox.value" (click)="openCreateDialog()"
             matTooltip="{{ 'comment-list.add-comment' | translate }}">
-      <mat-icon class="searchBarIcon">add_circle</mat-icon>
+      <mat-icon class="addCommentIcon">add</mat-icon>
     </button>
   </div>
 

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

@@ -40,6 +40,11 @@ input {
   color: var(--secondary);
 }
 
+.addCommentIcon {
+  transform: scale(1.5);
+  color: var(--primary-variant)
+}
+
 .close {
   margin: 5px 0 5px 0;
 }