fix(notification-box-view): Fix view of notification-box

src/app/shared/components/notification-box/notification-box-item.component.html

@@ -20,7 +20,10 @@ <h4 matLine class="mat-list-item-content">
         close
       </mat-icon>
     </ng-container>
-    {{ notification.message | translate }}
+    <span
+      [ngClass]="{'pending-notification': notification.status === notificationStatus.Pending}">
+      {{ notification.message | translate }}
+    </span>
   </h4>
   <span>
     <mat-icon
@@ -32,5 +35,4 @@ <h4 matLine class="mat-list-item-content">
       close
     </mat-icon>
   </span>
-  <div *ngIf="notification.status === notificationStatus.Pending" class="mock-icon"></div>
 </mat-list-item>

src/app/shared/components/notification-box/notification-box-item.component.scss

@@ -3,7 +3,7 @@
   line-height: 26px;
 }
 
-:host /deep/ mat-spinner {
+:host mat-spinner {
   background: transparent !important;
   margin-right: 16px;
   width: 40px;
@@ -19,8 +19,7 @@
   padding-left: 11px;
 }
 
-.mock-icon {
-  float: right;
-  width: 37px;
+.pending-notification {
+  padding-right: 33px;
 }