Show actual status in notifications when mentioned.

1 files changed, 32 insertions, 30 deletions

diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss
index 517afeaa..65efb103 100644
--- a/src/components/notifications/notifications.scss
+++ b/src/components/notifications/notifications.scss
@@ -1,42 +1,44 @@
 @import '../../_variables.scss';
 .notification {
-  padding: 0.4em 0 0 0.7em;
-  display: flex;
   border-bottom: 1px solid silver;
 
-  .text {
-    min-width: 0px;
-    word-wrap: break-word;
-    line-height:18px;
+  .notification-base {
+      padding: 0.4em 0 0 0.7em;
+      display: flex;
+      .avatar {
+          padding-top: 0.3em;
+          width: 32px;
+          height: 32px;
+          border-radius: 50%;
+      }
 
-    .icon-retweet {
-      color: $green;
-    }
+      .text {
+          min-width: 0px;
+          word-wrap: break-word;
+          line-height:18px;
 
-    .icon-reply {
-      color: $blue;
-    }
+          .icon-retweet {
+              color: $green;
+          }
 
-    h1 {
-      margin: 0 0 0.3em;
-      padding: 0;
-      font-size: 1em;
-      line-height:20px;
-    }
+          .icon-reply {
+              color: $blue;
+          }
 
-    padding: 0.3em 0.8em 0.5em;
-    p {
-      margin: 0;
-      margin-top: 0;
-      margin-bottom: 0.3em;
-    }
-  }
+          h1 {
+              margin: 0 0 0.3em;
+              padding: 0;
+              font-size: 1em;
+              line-height:20px;
+          }
 
-  .avatar {
-    padding-top: 0.3em;
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
+          padding: 0.3em 0.8em 0.5em;
+          p {
+              margin: 0;
+              margin-top: 0;
+              margin-bottom: 0.3em;
+          }
+      }
   }
 
   &:last-child {