From 2cc1cb1e562213eba06ebea02ada066cf71e6b88 Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Wed, 16 Oct 2019 17:08:21 +0300
Subject: [PATCH] notifications menu container styles moved

---
 .../NavBar/NotificationsMenu/styles.less      | 80 +++++++++----------
 1 file changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/common/NavBar/NotificationsMenu/styles.less b/src/common/NavBar/NotificationsMenu/styles.less
index f2f1ec7ba..e1179e5a7 100644
--- a/src/common/NavBar/NotificationsMenu/styles.less
+++ b/src/common/NavBar/NotificationsMenu/styles.less
@@ -18,51 +18,51 @@
         height: 50%;
         fill: var(--color-surfacelighter);
     }
-}
 
-.notifications-menu-container {
-    display: flex;
-    flex-direction: column;
-
-    .notifications-bar {
+    .notifications-menu-container {
         display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: space-between;
-        padding: 0.5rem;
-        border-bottom: thin solid var(--color-surfacelight);
-
-        background-color: var(--color-surfacelighter);
-
-        .notifications-label {
-            padding-left: 0.5rem;
-            color: var(--color-surfacedark);
-        }
-
-        .button-container {
-            width: 2rem;
-            height: 2rem;
+        flex-direction: column;
+    
+        .notifications-bar {
             display: flex;
+            flex-direction: row;
             align-items: center;
-            justify-content: center;
-
-            &:hover, &:focus {
-                background-color: var(--color-surfacelight);
+            justify-content: space-between;
+            padding: 0.5rem;
+            border-bottom: thin solid var(--color-surfacelight);
+    
+            background-color: var(--color-surfacelighter);
+    
+            .notifications-label {
+                padding-left: 0.5rem;
+                color: var(--color-surfacedark);
             }
-
-            .icon {
-                width: 1.2rem;
-                fill: var(--color-surfacedark);
+    
+            .button-container {
+                width: 2rem;
+                height: 2rem;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+    
+                &:hover, &:focus {
+                    background-color: var(--color-surfacelight);
+                }
+    
+                .icon {
+                    width: 1.2rem;
+                    fill: var(--color-surfacedark);
+                }
             }
         }
+    
+        .notifications-list {
+            --item-size: 28rem;
+            flex-grow: 0;
+            flex-shrink: 0;
+            flex-basis: auto;
+            height: 30rem;
+            align-self: stretch;
+        }
     }
-
-    .notifications-list {
-        --item-size: 28rem;
-        flex-grow: 0;
-        flex-shrink: 0;
-        flex-basis: auto;
-        height: 30rem;
-        align-self: stretch;
-    }
-}
+}
\ No newline at end of file