From da22f3b961be341bf222be9ff548cff8bfa260d3 Mon Sep 17 00:00:00 2001
From: Rohitt Vashishtha <aero31aero@gmail.com>
Date: Tue, 19 May 2020 10:28:03 +0530
Subject: [PATCH] dropdown-list-widget: Refactor styles to use SCSS scopes.

---
 static/styles/settings.scss | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 0d7ca9d8fe..240835c091 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -723,10 +723,6 @@ input[type=checkbox] {
     border: none;
 }
 
-.dropdown-list-widget button {
-    margin: 0px 5px;
-}
-
 .control-label-disabled {
     color: hsl(0, 0%, 82%);
 }
@@ -1677,17 +1673,23 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
     top: 5px;
 }
 
-.dropdown-list-widget .dropdown-search > input[type=text] {
-    margin: 9px;
-}
+.dropdown-list-widget {
+    button {
+        margin: 0px 5px;
+    }
 
-.dropdown-list-widget .dropdown-list-body {
-    position: relative;
-    height: auto;
-    max-height: 200px;
-    overflow-y: auto;
-    margin-top: 0;
-    display: block;
+    .dropdown-search > input[type=text] {
+        margin: 9px;
+    }
+
+    .dropdown-list-body {
+        position: relative;
+        height: auto;
+        max-height: 200px;
+        overflow-y: auto;
+        margin-top: 0;
+        display: block;
+    }
 }
 
 #settings_page .sidebar ul {