From ddaed17e7776339dfd813477a09e0358e2b89d0b Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Tue, 12 May 2020 10:49:05 +0530
Subject: [PATCH] css: Use SCSS nesting for `#settings_page` in media queries.

---
 static/styles/settings.scss | 44 ++++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/static/styles/settings.scss b/static/styles/settings.scss
index 7c1b909de0..5e4c12675c 100644
--- a/static/styles/settings.scss
+++ b/static/styles/settings.scss
@@ -1850,10 +1850,10 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
 @media (max-height: 530px) {
     #settings_page .sidebar .sidebar-bottom-anchor {
         position: static;
-    }
 
-    #settings_page .sidebar .sidebar-bottom-anchor .border-top {
-        border: none;
+        .border-top {
+            border: none;
+        }
     }
 }
 
@@ -1866,27 +1866,31 @@ body:not(.night-mode) #settings_page .custom_user_field .datepicker {
 }
 
 @media (max-width: 700px) {
-    #settings_page .settings-header.mobile {
-        display: block;
-    }
+    #settings_page {
+        .settings-header.mobile {
+            display: block;
+        }
 
-    #settings_page .content-wrapper .settings-header {
-        display: none;
-    }
+        .content-wrapper {
+            .settings-header {
+                display: none;
+            }
 
-    #settings_page .content-wrapper #settings_content {
-        height: 100%;
-    }
+            #settings_content {
+                height: 100%;
+            }
 
-    #settings_page .content-wrapper.right {
-        top: 47px;
-    }
+            &.right {
+                top: 47px;
+            }
+        }
 
-    #settings_page .sidebar {
-        float: left;
-        position: relative;
-        width: 250px;
-        height: 100%;
+        .sidebar {
+            float: left;
+            position: relative;
+            width: 250px;
+            height: 100%;
+        }
     }
 }