From 911e438a14a685c4116dbefe720665abe28dd68f Mon Sep 17 00:00:00 2001
From: Vaibhav <vrongmeal@gmail.com>
Date: Mon, 5 Aug 2019 05:12:06 +0530
Subject: [PATCH] css: Use SCSS nesting for add-task, poll-question and
 poll-option.

---
 static/styles/widgets.scss | 40 +++++++++++++++++++-------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/static/styles/widgets.scss b/static/styles/widgets.scss
index e6f3af41f9..1a4277ba4c 100644
--- a/static/styles/widgets.scss
+++ b/static/styles/widgets.scss
@@ -80,29 +80,29 @@ img.task-completed {
     width: 15px;
 }
 
-input.add-task,
-button.add-task,
-input.poll-option,
-button.poll-option,
-input.poll-question,
-button.poll-question {
-    padding: 4px 6px;
-    margin: 2px 0px 2px 0px;
+input,
+button {
+    &.add-task,
+    &.poll-option,
+    &.poll-question {
+        padding: 4px 6px;
+        margin: 2px 0px 2px 0px;
+    }
 }
 
-button.add-task,
-button.poll-option,
-button.poll-question {
-    border-radius: 3px;
-    border: 1px solid hsl(0, 0%, 80%);
-    background-color: hsl(0, 0%, 100%);
-    width: 100px;
-}
+button {
+    &.add-task,
+    &.poll-option,
+    &.poll-question {
+        border-radius: 3px;
+        border: 1px solid hsl(0, 0%, 80%);
+        background-color: hsl(0, 0%, 100%);
+        width: 100px;
 
-button.add-task:hover,
-button.poll-option:hover,
-button.poll-question:hover {
-    border-color: hsl(0, 0%, 60%);
+        &:hover {
+            border-color: hsl(0, 0%, 60%);
+        }
+    }
 }
 
 .widget-error {