From 84300a767430e8ac36359231806c9f3b402aa5c3 Mon Sep 17 00:00:00 2001
From: Tomasz Nastaly <tomasz.nastaly@hyland.com>
Date: Thu, 4 Apr 2024 15:59:30 +0200
Subject: [PATCH] [ACS-7419] Fix broken styling of notifications, apply pr
 remarks

---
 .../notification-history.component.html       | 31 ++++++++++---------
 .../notification-history.component.scss       |  8 ++---
 2 files changed, 20 insertions(+), 19 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 d06d940116..3f14cc4460 100644
--- a/lib/core/src/lib/notifications/components/notification-history.component.html
+++ b/lib/core/src/lib/notifications/components/notification-history.component.html
@@ -35,23 +35,26 @@
 
             <mat-list role="menuitem">
                 <ng-container *ngIf="notifications.length; else empty_list_template">
+
                     <mat-list-item *ngFor="let notification of paginatedNotifications"
                                    class="adf-notification-history-menu-item"
                                    (click)="onNotificationClick(notification)">
-                        <div *ngIf="notification.initiator; else no_avatar"
-                             matListAvatar
-                             [outerHTML]="notification.initiator | usernameInitials:'adf-notification-initiator-pic'">
-                        </div>
-                        <ng-template #no_avatar>
-                            <mat-icon matListItemLine
-                                      class="adf-notification-history-menu-initiator">{{notification.icon}}</mat-icon>
-                        </ng-template>
-                        <div class="adf-notification-history-menu-item-content">
-                            <p class="adf-notification-history-menu-text adf-notification-history-menu-message"
-                               *ngFor="let message of notification.messages"
-                               matListItemLine [matTooltip]="message" matTooltipShowDelay="1000">{{ message }}</p>
-                            <p class="adf-notification-history-menu-text adf-notification-history-menu-date"
-                               matListItemLine> {{notification.datetime | adfTimeAgo}} </p>
+                        <div class="adf-notification-history-menu-item-content-wrapper">
+                            <div *ngIf="notification.initiator; else no_avatar"
+                                 matListAvatar
+                                 [outerHTML]="notification.initiator | usernameInitials:'adf-notification-initiator-pic'">
+                            </div>
+                            <ng-template #no_avatar>
+                                <mat-icon matListItemLine
+                                          class="adf-notification-history-menu-initiator">{{notification.icon}}</mat-icon>
+                            </ng-template>
+                            <div class="adf-notification-history-menu-item-content">
+                                <p class="adf-notification-history-menu-text adf-notification-history-menu-message"
+                                   *ngFor="let message of notification.messages"
+                                   matListItemLine [matTooltip]="message" matTooltipShowDelay="1000">{{ message }}</p>
+                                <p class="adf-notification-history-menu-text adf-notification-history-menu-date"
+                                   matListItemLine> {{notification.datetime | adfTimeAgo}} </p>
+                            </div>
                         </div>
                     </mat-list-item>
                 </ng-container>
diff --git a/lib/core/src/lib/notifications/components/notification-history.component.scss b/lib/core/src/lib/notifications/components/notification-history.component.scss
index 21f9be7b9a..0a640700fe 100644
--- a/lib/core/src/lib/notifications/components/notification-history.component.scss
+++ b/lib/core/src/lib/notifications/components/notification-history.component.scss
@@ -4,17 +4,15 @@ $notification-item-height: 72px;
 
 .adf {
     &-notification-history-list {
-        /* stylelint-disable */
-        .mat-mdc-list-item-unscoped-content {
+        .adf-notification-history-menu-item-content-wrapper {
             height: 100%;
-            display: flex !important;
-            align-items: center !important;
+            display: flex;
+            align-items: center;
         }
 
         .mdc-list-item__secondary-text::before {
             height: auto;
         }
-        /* stylelint-enable */
     }
 
     &-notification-history-menu-item-content {