client/src/app/shared/users/user-notifications.component.scss

   1 .notification {
   2   display: flex;
   3   justify-content: space-between;
   4   align-items: center;
   5   font-size: inherit;
   6   padding: 15px 10px;
   7   border-bottom: 1px solid rgba(0, 0, 0, 0.10);
   8
   9   .mark-as-read {
  10     min-width: 35px;
  11
  12     .glyphicon {
  13       display: none;
  14       cursor: pointer;
  15       color: rgba(20, 20, 20, 0.5)
  16     }
  17   }
  18
  19   &.unread {
  20     background-color: rgba(0, 0, 0, 0.05);
  21
  22     &:hover .mark-as-read .glyphicon {
  23       display: block;
  24
  25       &:hover {
  26         color: rgba(20, 20, 20, 0.8);
  27       }
  28     }
  29   }
  30 }