From 3f3576660d58c828612d4d3cd07325321c07d7f1 Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Tue, 19 May 2020 16:25:31 +0530
Subject: [PATCH] css: Use SCSS nesting in zulip.scss for `.settings-section`.

---
 static/styles/zulip.scss | 112 +++++++++++++++++++++------------------
 1 file changed, 59 insertions(+), 53 deletions(-)

diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index 4263c304c9..ea4ca7d4c1 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -2039,67 +2039,73 @@ div.floating_recipient {
     line-height: 38px;
 }
 
-.settings-section #admin_page_users_loading_indicator,
-.settings-section #attachments_loading_indicator,
-.settings-section #admin_page_deactivated_users_loading_indicator,
-.settings-section #admin_page_bots_loading_indicator {
-    margin: 0 auto;
-}
+.settings-section {
+    #admin_page_users_loading_indicator,
+    #attachments_loading_indicator,
+    #admin_page_deactivated_users_loading_indicator,
+    #admin_page_bots_loading_indicator {
+        margin: 0 auto;
+    }
 
-.settings-section .loading_indicator_text {
-    font-size: 12px;
-    font-weight: 400;
-    vertical-align: middle;
-    line-height: 20px;
-    display: inline-block;
-    float: none;
-    margin-top: 9px;
-}
+    .loading_indicator_text {
+        font-size: 12px;
+        font-weight: 400;
+        vertical-align: middle;
+        line-height: 20px;
+        display: inline-block;
+        float: none;
+        margin-top: 9px;
+    }
 
-.settings-section .loading_indicator_spinner {
-    width: 30%;
-    height: 30px;
-    margin-top: 7px;
-    vertical-align: middle;
-    display: inline-block;
-}
+    .loading_indicator_spinner {
+        width: 30%;
+        height: 30px;
+        margin-top: 7px;
+        vertical-align: middle;
+        display: inline-block;
+    }
 
-.settings-section .realm-icon-section .loading_indicator_text,
-.settings-section .realm-logo-section .loading_indicator_text {
-    font-size: 14px;
-    font-weight: 400;
-    vertical-align: middle;
-    line-height: 20px;
-    display: inline-block;
-    float: none;
-    margin-top: 0px;
-    margin-left: -12px;
-}
+    .realm-icon-section {
+        .loading_indicator_text,
+        .loading_indicator_text {
+            font-size: 14px;
+            font-weight: 400;
+            vertical-align: middle;
+            line-height: 20px;
+            display: inline-block;
+            float: none;
+            margin-top: 0px;
+            margin-left: -12px;
+        }
 
-.settings-section .realm-logo-section .loading_indicator_spinner,
-.settings-section .realm-icon-section .loading_indicator_spinner {
-    width: 10%;
-    height: 16px;
-    margin-top: 2px;
-    vertical-align: middle;
-    display: inline-block;
-}
+        .loading_indicator_spinner,
+        .loading_indicator_spinner {
+            width: 10%;
+            height: 16px;
+            margin-top: 2px;
+            vertical-align: middle;
+            display: inline-block;
+        }
+    }
 
-.settings-section #default_language {
-    text-decoration: none;
-}
+    #default_language {
+        text-decoration: none;
+    }
 
-.settings-section #default_language_modal table {
-    width: 90%;
-    margin-top: 20px;
-}
+    #default_language_modal {
+        table {
+            width: 90%;
+            margin-top: 20px;
+        }
 
-.settings-section #default_language_modal td {
-    padding-left: 80px;
-}
+        td {
+            padding-left: 80px;
+        }
+    }
 
-.settings-section .inline {
-    display: inline !important;
+    .inline {
+        display: inline !important;
+    }
 }
 
 .operator_value {