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

bwsw · Dec 29, 2017 · e664beb · e664beb
1 parent c5f0402
commit e664beb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/app/shared/components/notification-box/notification-box-item.component.html b/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>
diff --git a/src/app/shared/components/notification-box/notification-box-item.component.scss b/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;
 }