From 28ebe3e6ba61f90f2dc61eb99e8f824f8d5af4d6 Mon Sep 17 00:00:00 2001
From: Alexandra Ciobica <alexandraciobica@gmail.com>
Date: Wed, 17 Jul 2019 22:30:39 +0300
Subject: [PATCH] css: Refactor topic edit buttons to use scss nesting.

---
 static/styles/zulip.scss | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index 3818a76561..7da6146754 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -2546,29 +2546,29 @@ li .message_inline_image img {
     height: 18px;
     border-radius: 4px;
     margin-bottom: 3px;
-}
 
-.small_square_button:focus {
-    outline: none;
-}
+    &:focus {
+        outline: none;
+    }
 
-.small_square_button.small_square_check {
-    background-color: hsl(166, 35%, 57%);
-    color: hsl(0, 0%, 95%);
-}
+    &.small_square_check {
+        background-color: hsl(166, 35%, 57%);
+        color: hsl(0, 0%, 95%);
 
-.small_square_button.small_square_check:hover {
-    background-color: hsl(156, 30%, 50%);
-    color: hsl(0, 0%, 100%);
-}
+        &:hover {
+            background-color: hsl(156, 30%, 50%);
+            color: hsl(0, 0%, 100%);
+        }
+    }
 
-.small_square_button.small_square_x {
-    background-color: hsl(0, 0%, 100%);
-    color: hsl(0, 0%, 47%);
-}
+    &.small_square_x {
+        background-color: hsl(0, 0%, 100%);
+        color: hsl(0, 0%, 47%);
 
-.small_square_button.small_square_x:hover {
-    color: hsl(0, 0%, 18%);
+        &:hover {
+            color: hsl(0, 0%, 18%);
+        }
+    }
 }
 
 div.topic_edit_spinner {