Added nesting for related styles

dimagi · Jan 29, 2024 · 2174798 · 2174798
1 parent e8a1719
commit 2174798
Showing 1 changed file with 20 additions and 20 deletions.
diff --git a/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-common/webforms.less b/corehq/apps/hqwebapp/static/cloudcare/less/formplayer-common/webforms.less
@@ -1,26 +1,27 @@
-
 .webforms {
   max-width: 800px;
   font-family: sans-serif;
 }
 
 #sync-container {
   padding-top: 9px;
-}
 
-#sync-container #sync-button {
-  margin-bottom: 3px;
-  margin-top: 3px;
+  #sync-button {
+    margin-bottom: 3px;
+    margin-top: 3px;
+  }
 }
 
 /* Override default nprogress bar color to match CommCareHQ */
-#nprogress .bar {
-  background: #4aba32;
-  height: 4px;
-}
+#nprogress {
+  .bar {
+    background: #4aba32;
+    height: 4px;
+  }
 
-#nprogress .peg {
-  box-shadow: 0 0 10px #004ebc, 0 0 5px #004ebc;
+  .peg {
+    box-shadow: 0 0 10px #004ebc, 0 0 5px #004ebc;
+  }
 }
 
 video {
@@ -37,6 +38,14 @@ video {
 
 .widget {
   margin-right: 20px;
+
+  button p {
+    margin-bottom: 0;
+  }
+}
+
+.dirty .widget {
+    background-color: lightblue;
 }
 
 .loading {
@@ -55,7 +64,6 @@ input:invalid {
   border-color: #b94a48;
 }
 
-
 .required .caption::before,
 .required-group .gr-header .caption::before {
   content: '*';
@@ -69,10 +77,6 @@ input:invalid {
   font-weight: normal;
 }
 
-.dirty .widget {
-    background-color: lightblue;
-}
-
 .map {
   width: 100%;
   height: 250px;
@@ -81,10 +85,6 @@ input:invalid {
   isolation: isolate;
 }
 
-.widget button p {
-  margin-bottom: 0;
-}
-
 .coordinate {
   font-weight: bold;
   width: 8em;