From d7cf12d89bd17df024d6ffdacdd475d6e0cab1ef Mon Sep 17 00:00:00 2001
From: Denys Vuika <denys.vuika@gmail.com>
Date: Wed, 13 Sep 2023 08:32:41 +0100
Subject: [PATCH] use an icon for "mark all" notifications (#8903)

---
 .../components/notification-history.component.html     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/core/src/lib/notifications/components/notification-history.component.html b/lib/core/src/lib/notifications/components/notification-history.component.html
index 8085129315..178a7b58c4 100644
--- a/lib/core/src/lib/notifications/components/notification-history.component.html
+++ b/lib/core/src/lib/notifications/components/notification-history.component.html
@@ -21,12 +21,12 @@
              (click)="$event.stopPropagation()">
             <div mat-subheader role="menuitem">
                 <span>{{ 'NOTIFICATIONS.TITLE' | translate }}</span>
-                <button (click)="markAsRead()"
+                <button *ngIf="notifications.length"
                         id="adf-notification-history-mark-as-read"
-                        mat-button
-                        color="accent"
-                        *ngIf="notifications.length">
-                    {{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}
+                        mat-icon-button
+                        title="{{ 'NOTIFICATIONS.MARK_AS_READ' | translate }}"
+                        (click)="markAsRead()">
+                    <mat-icon>done_all</mat-icon>
                 </button>
             </div>