From d0eb2a441a0ea307ac450db63c3c6946d4ce7c9f Mon Sep 17 00:00:00 2001
From: Jiiks <jiiks@windowslive.com>
Date: Mon, 20 Aug 2018 18:21:34 +0300
Subject: [PATCH] Notification styling

---
 .../styles/partials/generic/notifications.scss   | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/src/styles/partials/generic/notifications.scss b/client/src/styles/partials/generic/notifications.scss
index 74c9f6e3..40c826cc 100644
--- a/client/src/styles/partials/generic/notifications.scss
+++ b/client/src/styles/partials/generic/notifications.scss
@@ -6,13 +6,12 @@
 
     .bd-notificationContainer {
         position: relative;
-        background: #0a0a0a;
+        background: #202225;
         width: 280px;
         height: 130px;
         top: 30px;
-        border-radius: 2px;
-        box-shadow: 1px 1px 15px #000;
-        animation: bd-notif-slidein 1s reverse;
+        border-radius: 5px;
+        box-shadow: 0px 0px 20px #202225;
 
         .bd-notificationHeader {
             height: 10px;
@@ -22,7 +21,7 @@
                 cursor: pointer;
                 opacity: 0;
                 transform: scaleX(-1);
-                margin: 5px;
+                margin: 8px;
 
                 &:hover {
                     opacity: 1;
@@ -76,14 +75,15 @@
             line-height: 10px;
             font-size: 14px;
             font-weight: 500;
-            color: #fff;
+            color: #aeaeae;
             padding: 5px 10px;
             border-radius: 3px;
-            background: rgba(255, 255, 255, .1);
+            background: rgba(0, 0, 0, .2);
             margin-left: 5px;
 
             &:hover {
-                background: rgba(255, 255, 255, .2);
+                background: rgba(0, 0, 0, .3);
+                color: #fff;
             }
         }
     }