From e8f86260782adf1c40a36fa9a9cdeb4d4d01aff4 Mon Sep 17 00:00:00 2001
From: Roni Choudhury <roni.choudhury@kitware.com>
Date: Tue, 7 Mar 2017 09:48:57 -0500
Subject: [PATCH] Refactor dataset panel's styles

---
 .../view/panel/DatasetPanel/index.styl        | 103 +++++++++---------
 1 file changed, 52 insertions(+), 51 deletions(-)

diff --git a/web_external/view/panel/DatasetPanel/index.styl b/web_external/view/panel/DatasetPanel/index.styl
index ea6cea3..e2e66e7 100644
--- a/web_external/view/panel/DatasetPanel/index.styl
+++ b/web_external/view/panel/DatasetPanel/index.styl
@@ -1,53 +1,54 @@
 @require '../../../style/colors.styl';
 
-#dataset-panel .content
-  display: flex;
-  flex-direction: column;
-
-  .dataset-overview
-    width: calc(100% - 2em);
-    font-weight: 700;
-    padding: 1em;
-
-  img.button
-  image.button
-    -webkit-filter: img-color-filter($defaultDarkIconColor);
-    filter: img-color-filter($defaultDarkIconColor);
-
-  img.button.overridden
-  image.button.overridden
-    -webkit-filter: img-color-filter($overriddenIconColor);
-    filter: img-color-filter($overriddenIconColor);
-
-  img.button:hover
-  image.button:hover
-    cursor: pointer;
-    -webkit-filter: img-color-filter($darkRolloverColor);
-    filter: img-color-filter($darkRolloverColor);
-
-  img.button.disabled
-  image.button.disabled
-    cursor: default;
-    -webkit-filter: img-color-filter($disabledColor);
-    filter: img-color-filter($disabledColor);
-
-  .no-dataset
-    position: absolute;
-    top: 0em;
-    right: 0em;
-    margin: 1em;
-    max-width: 20em;
-
-  .overview
-    fill: $dataOverviewColor;
-
-  .filtered
-    fill: $dataFilteredColor;
-
-  .page
-    fill: $dataCurrentPageColor;
-
-#dataset-panel .indicator-icons
-  img.status.show-color
-    -webkit-filter url(#drop-shadow);
-    filter url(#drop-shadow);
+#dataset-panel
+  .content
+    display: flex;
+    flex-direction: column;
+
+    .dataset-overview
+      width: calc(100% - 2em);
+      font-weight: 700;
+      padding: 1em;
+
+    img.button
+    image.button
+      -webkit-filter: img-color-filter($defaultDarkIconColor);
+      filter: img-color-filter($defaultDarkIconColor);
+
+    img.button.overridden
+    image.button.overridden
+      -webkit-filter: img-color-filter($overriddenIconColor);
+      filter: img-color-filter($overriddenIconColor);
+
+    img.button:hover
+    image.button:hover
+      cursor: pointer;
+      -webkit-filter: img-color-filter($darkRolloverColor);
+      filter: img-color-filter($darkRolloverColor);
+
+    img.button.disabled
+    image.button.disabled
+      cursor: default;
+      -webkit-filter: img-color-filter($disabledColor);
+      filter: img-color-filter($disabledColor);
+
+    .no-dataset
+      position: absolute;
+      top: 0em;
+      right: 0em;
+      margin: 1em;
+      max-width: 20em;
+
+    .overview
+      fill: $dataOverviewColor;
+
+    .filtered
+      fill: $dataFilteredColor;
+
+    .page
+      fill: $dataCurrentPageColor;
+
+  .indicator-icons
+    img.status.show-color
+      -webkit-filter url(#drop-shadow);
+      filter url(#drop-shadow);