From 74a58817dbede8e40ee337c65fa8248521d3b93c Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Tue, 11 Apr 2023 12:20:51 +0300
Subject: [PATCH] UI: Change default notification style for alarm notification

---
 .../notification/show-notification-popover.component.html     | 4 ++--
 .../components/notification/notification.component.scss       | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/notification/show-notification-popover.component.html b/ui-ngx/src/app/modules/home/components/notification/show-notification-popover.component.html
index 096cecd91a..0a0a5e3cdb 100644
--- a/ui-ngx/src/app/modules/home/components/notification/show-notification-popover.component.html
+++ b/ui-ngx/src/app/modules/home/components/notification/show-notification-popover.component.html
@@ -25,13 +25,13 @@
 </section>
 <mat-divider></mat-divider>
 <div *ngIf="(notifications$ | async).length; else emptyNotification" style="overflow: auto">
-  <section style="min-height: 100px; overflow: auto; padding: 10px 0;">
+  <section style="min-height: 100px; overflow: auto; padding: 6px 0;">
    <div *ngFor="let notification of (notifications$ | async); let last = last; trackBy: trackById">
      <tb-notification [notification]="notification"
                       [onClose]="onClose"
                       (markAsRead)="markAsRead($event)">
      </tb-notification>
-     <mat-divider *ngIf="!last" style="margin-bottom: 4px"></mat-divider>
+     <mat-divider *ngIf="!last" style="margin: 4px"></mat-divider>
    </div>
   </section>
 </div>
diff --git a/ui-ngx/src/app/shared/components/notification/notification.component.scss b/ui-ngx/src/app/shared/components/notification/notification.component.scss
index f73b3cc137..c2d50ed106 100644
--- a/ui-ngx/src/app/shared/components/notification/notification.component.scss
+++ b/ui-ngx/src/app/shared/components/notification/notification.component.scss
@@ -20,6 +20,7 @@
     display: block;
     border: 1px solid;
     border-radius: 4px;
+    margin: 4px;
   }
 
   .icon {
@@ -61,6 +62,7 @@
     .alarm-severity {
       padding: 5px;
       border-radius: 8px;
+      margin-right: 7px;
 
       .severity {
         font-weight: 500;