notification on bell added

src/header.pug

@@ -10,6 +10,8 @@
 
 details
   summary#notifications-button
+    div.menu-notification
+      div 7
   #notifications
     include page-notifications.pug
 

src/styles/header.scss

@@ -37,6 +37,13 @@
   font-size: 2em;
   cursor: pointer;
   list-style-type: none;
+  position: relative;
+
+  .menu-notification {
+    position: absolute;
+    top: -3px;
+    left: 3px;
+  }
 }
 
 #notifications {

src/styles/main.scss

@@ -140,6 +140,29 @@ h4 {
 }
 */
 
+.menu-notification {
+  //flex-basis: 3em;
+  width: 2em;
+  flex-shrink: 0;
+  flex-grow: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  > div {
+    color: $color-black;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 1.7em;
+    height: 1.7em;
+    border-radius: 100%;
+    background-color: $color-yellow-light;
+    font-size: 12px;
+  }
+}
+
 .layer {
   position: absolute;
   bottom: 0;

src/styles/menu.scss

@@ -149,7 +149,7 @@ sib-router {
       letter-spacing: 0.17px;
       font-size: 16px;
     }
-
+/*
     .menu-notification {
       //flex-basis: 3em;
       width: 2em;
@@ -172,7 +172,7 @@ sib-router {
         font-size: 12px;
       }
     }
-
+*/
     &[id-prefix] {
       display: none;
     }