From c808dcea18878a920c5d2f9995fd991c78811ef8 Mon Sep 17 00:00:00 2001
From: synicalsyntax <15116870+synicalsyntax@users.noreply.github.com>
Date: Sun, 13 Jan 2019 15:52:34 -0800
Subject: [PATCH] subs: Reorder stream row selectors for SASS nested selector
 feature.

---
 static/styles/subscriptions.scss | 82 ++++++++++++++++----------------
 1 file changed, 41 insertions(+), 41 deletions(-)

diff --git a/static/styles/subscriptions.scss b/static/styles/subscriptions.scss
index 61dae12286..ff6a2c12f6 100644
--- a/static/styles/subscriptions.scss
+++ b/static/styles/subscriptions.scss
@@ -166,10 +166,6 @@
     margin-right: 10px;
 }
 
-.stream-row:hover .preview-stream {
-    display: inline-block;
-}
-
 .preview-stream {
     display: none;
     float: right;
@@ -596,25 +592,6 @@ form#add_new_subscription {
     cursor: pointer;
 }
 
-.stream-row.active {
-    background-color: hsl(0, 0%, 93%);
-}
-
-.stream-row > div {
-    display: inline-block;
-    vertical-align: top;
-}
-
-.stream-row::-moz-selection,
-.stream-row .icon .hashtag::-moz-selection {
-    background-color: transparent;
-}
-
-.stream-row::selection,
-.stream-row .icon .hashtag::selection {
-    background-color: transparent;
-}
-
 .stream-row .check {
     width: 25px;
     height: 25px;
@@ -632,24 +609,14 @@ form#add_new_subscription {
     margin: 0% 15%;
 }
 
-.stream-row:hover .check:not(.checked) svg,
-.stream-row.active:hover .check:not(.checked) svg {
-    fill: hsl(0, 0%, 87%);
-}
-
-.stream-row .check:not(.checked):hover svg,
-.stream-row.active .check:not(.checked):hover svg {
-    fill: hsl(0, 0%, 72%);
+.stream-row .checked svg {
+    fill: hsl(170, 48%, 54%);
 }
 
 .stream-row .check.checked:hover svg {
     opacity: 0.5;
 }
 
-.stream-row .checked svg {
-    fill: hsl(170, 48%, 54%);
-}
-
 .stream-row .icon {
     width: 35px;
     height: 35px;
@@ -723,6 +690,45 @@ form#add_new_subscription {
     line-height: 1.5;
 }
 
+.stream-row.active {
+    background-color: hsl(0, 0%, 93%);
+}
+
+.stream-row > div {
+    display: inline-block;
+    vertical-align: top;
+}
+
+.stream-row .settings-dropdown-trigger {
+    float: right;
+    margin-left: 10px;
+    color: hsl(0, 0%, 67%);
+}
+
+.stream-row:hover .preview-stream {
+    display: inline-block;
+}
+
+.stream-row:hover .check:not(.checked) svg,
+.stream-row.active:hover .check:not(.checked) svg {
+    fill: hsl(0, 0%, 87%);
+}
+
+.stream-row .check:not(.checked):hover svg,
+.stream-row.active .check:not(.checked):hover svg {
+    fill: hsl(0, 0%, 72%);
+}
+
+.stream-row::-moz-selection,
+.stream-row .icon .hashtag::-moz-selection {
+    background-color: transparent;
+}
+
+.stream-row::selection,
+.stream-row .icon .hashtag::selection {
+    background-color: transparent;
+}
+
 #subscription_overlay .stream-description .stream-description-editable:empty::after,
 .stream-row .sub-info-box .description:empty::after {
     content: attr(data-no-description);
@@ -747,12 +753,6 @@ form#add_new_subscription {
     padding: 15px;
 }
 
-.stream-row .settings-dropdown-trigger {
-    float: right;
-    margin-left: 10px;
-    color: hsl(0, 0%, 67%);
-}
-
 .add-user-label {
     margin: 8px 0px;
 }