From 1bf2b23d3623d29fa2f08a39eedb50d59aca8095 Mon Sep 17 00:00:00 2001
From: Vaibhav <vrongmeal@gmail.com>
Date: Tue, 9 Jul 2019 16:01:47 +0530
Subject: [PATCH] css: Use SCSS nesting in popovers.scss for
 `.group-info-popover`.

---
 static/styles/popovers.scss | 42 +++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/static/styles/popovers.scss b/static/styles/popovers.scss
index ed8bc0af0b..b4e26cfe29 100644
--- a/static/styles/popovers.scss
+++ b/static/styles/popovers.scss
@@ -118,29 +118,31 @@ ul {
     }
 }
 
-.group-info-popover .group-info,
-.group-info-popover .manage-group a {
-    text-align: center;
-}
+.group-info-popover {
+    .group-info,
+    .manage-group a {
+        text-align: center;
+    }
 
-.group-info-popover .group-info .group-name {
-    font-weight: bold;
-}
+    .group-info .group-name {
+        font-weight: bold;
+    }
 
-.group-info-popover .member-list {
-    position: relative;
-    max-height: 300px;
-    overflow-y: auto;
-    list-style: none;
-    margin-left: 0;
-}
+    .member-list {
+        position: relative;
+        max-height: 300px;
+        overflow-y: auto;
+        list-style: none;
+        margin-left: 0;
 
-.group-info-popover .member-list .bot {
-    color: hsl(180, 5%, 74%);
-    vertical-align: top;
-    width: 20px;
-    padding-top: 3.5px;
-    text-align: center;
+        .bot {
+            color: hsl(180, 5%, 74%);
+            vertical-align: top;
+            width: 20px;
+            padding-top: 3.5px;
+            text-align: center;
+        }
+    }
 }
 
 .popover_user_presence {