From 7db7be2c8fe87a7f811eebccdc89d85cee75f1a5 Mon Sep 17 00:00:00 2001
From: Seyi Adebajo <sadebajo@linkedin.com>
Date: Tue, 2 May 2017 10:30:05 -0700
Subject: [PATCH] updates class name for dataset classification icons

---
 .../_compliance-prompts.scss                  | 26 +++++++++----------
 .../components/dataset-confidential.hbs       |  6 +++--
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/wherehows-web/app/styles/components/dataset-compliance/_compliance-prompts.scss b/wherehows-web/app/styles/components/dataset-compliance/_compliance-prompts.scss
index 3438d21d4c..a02f187f54 100644
--- a/wherehows-web/app/styles/components/dataset-compliance/_compliance-prompts.scss
+++ b/wherehows-web/app/styles/components/dataset-compliance/_compliance-prompts.scss
@@ -21,7 +21,7 @@
   &__page-number {
     display: inline-block;
     font-size: 16px;
-    border:1px solid set-color(grey, light);
+    border: 1px solid set-color(grey, light);
     border-radius: 2px;
     padding: 5px;
     background-color: tint(set-color(green, green5), 65%);
@@ -34,18 +34,18 @@
   display: inline-block;
 }
 
-/// A notification that a dataset contains a tag
-.dataset-tagged {
+.dataset-classification-indicator {
+  /// A notification that a dataset contains a tag
+  &--tagged {
+    &::before {
+      color: set-color(green, green5);
+    }
+  }
 
-  &::before {
-    color: set-color(green, green5);
-  }
-}
-
-/// A notification that a dataset does not contains a tag
-.dataset-not-tagged {
-
-  &::before {
-    color: set-color(red, red5);
+  /// A notification that a dataset does not contains a tag
+  &--not-tagged {
+    &::before {
+      color: set-color(red, red5);
+    }
   }
 }
diff --git a/wherehows-web/app/templates/components/dataset-confidential.hbs b/wherehows-web/app/templates/components/dataset-confidential.hbs
index 1ed0b80f08..439ad2a66e 100644
--- a/wherehows-web/app/templates/components/dataset-confidential.hbs
+++ b/wherehows-web/app/templates/components/dataset-confidential.hbs
@@ -62,11 +62,13 @@
 
           <span class="dataset-tag-container">
             {{#if (eq props.value true)}}
-              <i class="glyphicon glyphicon-ok dataset-tagged" title="{{props.label}} is in dataset"></i>
+              <i class="glyphicon glyphicon-ok dataset-classification-indicator--tagged"
+                 title="{{props.label}} is in dataset"></i>
             {{/if}}
 
             {{#if (eq props.value false)}}
-              <i class="glyphicon glyphicon-remove dataset-not-tagged" title="{{props.label}} is not in dataset"></i>
+              <i class="glyphicon glyphicon-remove dataset-classification-indicator--not-tagged"
+                 title="{{props.label}} is not in dataset"></i>
             {{/if}}
           </span>
         </td>