Move sidebar styles into root class

ui/app/styles/components/exec-window.scss

@@ -29,123 +29,123 @@
     background: black;
     height: 100%;
   }
-}
-
-.task-group-tree {
-  background-color: $ui-gray-900;
-  color: white;
-  padding: 16px;
-  width: 200px;
-  flex-shrink: 0;
-  overflow-y: auto;
-
-  .title {
-    text-transform: uppercase;
-    color: $grey-lighter;
-    font-size: 11px;
-  }
-
-  .icon {
-    color: $ui-gray-500;
-  }
 
-  .toggle-button {
-    position: relative;
-    background: transparent;
-    border: 0;
+  .task-group-tree {
+    background-color: $ui-gray-900;
     color: white;
-    font-size: inherit;
-    line-height: 1.5;
-    width: 100%;
-    text-align: left;
-    overflow-wrap: break-word;
-    padding: 6px 0 5px 17px;
-
-    .icon {
-      position: absolute;
-      left: 0;
-      padding: 3px 3px 0 0;
-      margin-left: -3px;
+    padding: 16px;
+    width: 200px;
+    flex-shrink: 0;
+    overflow-y: auto;
+
+    .title {
+      text-transform: uppercase;
+      color: $grey-lighter;
+      font-size: 11px;
     }
 
-    // Adapted from fs-explorer
-    &.is-loading::after {
-      animation: spinAround 750ms infinite linear;
-      border: 2px solid $grey-light;
-      border-radius: 290486px;
-      border-right-color: transparent;
-      border-top-color: transparent;
-      opacity: 0.3;
-      content: '';
-      display: inline-block;
-      height: 1em;
-      width: 1em;
-      margin-left: 0.5em;
+    .icon {
+      color: $ui-gray-500;
     }
-  }
-
-  .task-list {
-    .task-item {
-      padding: 0 8px 0 19px;
 
+    .toggle-button {
+      position: relative;
+      background: transparent;
+      border: 0;
       color: white;
-      text-decoration: none;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
+      font-size: inherit;
+      line-height: 1.5;
+      width: 100%;
+      text-align: left;
+      overflow-wrap: break-word;
+      padding: 6px 0 5px 17px;
 
-      .border-and-label {
-        display: flex;
-        align-items: center;
-        height: 100%;
-        width: 100%;
-        position: relative;
-      }
-
-      .border {
-        position: absolute;
-        border-left: 1px solid $ui-gray-700;
-        height: 100%;
-      }
-
-      .is-active {
+      .icon {
         position: absolute;
-        top: 7.5px;
-        left: -9.75px;
-
-        stroke: $ui-gray-900;
-        stroke-width: 5px;
-        fill: white;
+        left: 0;
+        padding: 3px 3px 0 0;
+        margin-left: -3px;
       }
 
-      .task-label {
-        padding: 6px 0 5px 13px;
-        overflow-wrap: break-word;
-        width: 100%;
+      // Adapted from fs-explorer
+      &.is-loading::after {
+        animation: spinAround 750ms infinite linear;
+        border: 2px solid $grey-light;
+        border-radius: 290486px;
+        border-right-color: transparent;
+        border-top-color: transparent;
+        opacity: 0.3;
+        content: '';
+        display: inline-block;
+        height: 1em;
+        width: 1em;
+        margin-left: 0.5em;
       }
+    }
 
-      .icon {
-        visibility: hidden;
-        width: 16px;
-        flex-shrink: 0;
-      }
+    .task-list {
+      .task-item {
+        padding: 0 8px 0 19px;
 
-      &:hover .icon.show-on-hover {
-        visibility: visible;
+        color: white;
+        text-decoration: none;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .border-and-label {
+          display: flex;
+          align-items: center;
+          height: 100%;
+          width: 100%;
+          position: relative;
+        }
+
+        .border {
+          position: absolute;
+          border-left: 1px solid $ui-gray-700;
+          height: 100%;
+        }
+
+        .is-active {
+          position: absolute;
+          top: 7.5px;
+          left: -9.75px;
+
+          stroke: $ui-gray-900;
+          stroke-width: 5px;
+          fill: white;
+        }
+
+        .task-label {
+          padding: 6px 0 5px 13px;
+          overflow-wrap: break-word;
+          width: 100%;
+        }
+
+        .icon {
+          visibility: hidden;
+          width: 16px;
+          flex-shrink: 0;
+        }
+
+        &:hover .icon.show-on-hover {
+          visibility: visible;
+        }
       }
     }
-  }
 
-  .toggle-button,
-  .task-item {
-    font-weight: 500;
+    .toggle-button,
+    .task-item {
+      font-weight: 500;
 
-    &:hover {
-      background-color: $ui-gray-800;
-      border-radius: 4px;
+      &:hover {
+        background-color: $ui-gray-800;
+        border-radius: 4px;
 
-      .is-active {
-        stroke: $ui-gray-800;
+        .is-active {
+          stroke: $ui-gray-800;
+        }
       }
     }
   }