Fix Issue #158 : Space between bell and pink mark icons

Author: luizrrodrigues

dist/dev/index.js

@@ -4,9 +4,11 @@
 .notificationButton {
   @include hide-mobile;
   position: relative;
-  width: 36px;
-  height: 36px;
-  padding: 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
 
   img {
     display: block;
@@ -16,19 +18,13 @@
     opacity: 0.5;
   }
 
-  &.new {
-    padding: 5px;
-    width: 36px;
-    height: 36px;
-  }
-
   &.new::after {
     content: "";
     width: 6px;
     height: 6px;
     position: absolute;
-    top: 6px;
-    right: 5px;
+    top: -1px;
+    right: 3px;
     background: $red;
     border-radius: 6px;
     display: block;