From 468efcf3195a8bb437b44433c6147998755040b8 Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Sun, 10 May 2020 07:56:33 +0530
Subject: [PATCH] css: Use SCSS nesting in settings.scss for
 `#alert_words_list`.

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

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index eb1086abc4..82ccb5ed05 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -1053,23 +1053,23 @@ input[type=checkbox] {
 
 #alert_words_list {
     margin: 0;
-}
 
-#alert_words_list li {
-    list-style-type: none;
-}
+    li {
+        list-style-type: none;
 
-#alert_words_list li.alert-word-item:first-child {
-    background: none;
-    margin-top: 8px;
-}
+        &.alert-word-item:first-child {
+            background: none;
+            margin-top: 8px;
+        }
+    }
 
-#alert_words_list .alert_word_listing .value {
-    display: block;
-    white-space: pre-wrap;
-    word-wrap: break-word;
-    word-break: break-all;
-    white-space: normal;
+    .alert_word_listing .value {
+        display: block;
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        word-break: break-all;
+        white-space: normal;
+    }
 }
 
 #alert_words_list .edit-alert-word-buttons,