From 0692cd1379406ea127401e73d024ce069ff6b301 Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Mon, 8 Jun 2020 13:55:14 +0530
Subject: [PATCH] css: Use SCSS nesting and merge css rulesets for
 `#user_presences`.

---
 static/styles/right-sidebar.scss | 53 ++++++++++++++------------------
 1 file changed, 23 insertions(+), 30 deletions(-)

diff --git a/static/styles/right-sidebar.scss b/static/styles/right-sidebar.scss
index ac9981ae6e..d90b5809c0 100644
--- a/static/styles/right-sidebar.scss
+++ b/static/styles/right-sidebar.scss
@@ -12,31 +12,19 @@
     overflow: auto;
 }
 
-#user_presences {
-    list-style-position: inside; /* Draw the bullets inside our box */
-}
-
-#user_presences li {
-    list-style-type: none;
-
-    border-radius: 4px;
-    margin: 1px 0px;
-    padding-right: 15px;
-}
-
-#user_presences li:hover,
-#user_presences li.highlighted_user {
-    background-color: hsl(93, 19%, 88%);
-}
-
 #user_presences {
     max-width: 95%;
     overflow-x: hidden;
+    list-style-position: inside; /* Draw the bullets inside our box */
 
     li {
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
+        list-style-type: none;
+        border-radius: 4px;
+        margin: 1px 0px;
+        padding-right: 15px;
 
         .user-list-sidebar-menu-icon {
             position: absolute;
@@ -65,22 +53,27 @@
                 color: hsl(0, 0%, 53%);
             }
         }
+
+        &:hover,
+        &.highlighted_user {
+            background-color: hsl(93, 19%, 88%);
+        }
     }
-}
 
-#user_presences .user_circle {
-    width: 8px;
-    height: 8px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-    margin-left: 5px;
-    margin-right: 5px;
-    display: block;
-}
+    .user_circle {
+        width: 8px;
+        height: 8px;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        margin-left: 5px;
+        margin-right: 5px;
+        display: block;
+    }
 
-#user_presences a {
-    color: inherit;
-    margin-left: 0px;
+    a {
+        color: inherit;
+        margin-left: 0px;
+    }
 }
 
 #invite-user-link i {