[#1025] fix contrast on the explanation of the open data scores range

okfn · Apr 20, 2017 · bf86cc1 · bf86cc1
1 parent a334930
commit bf86cc1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/census/static/css/styles.css b/census/static/css/styles.css
diff --git a/census/static/css/styles.css.map b/census/static/css/styles.css.map
diff --git a/census/static/scss/_home.scss b/census/static/scss/_home.scss
@@ -71,6 +71,14 @@
           padding: 2px 4px 2px 4px;
           border-radius: 4px;
           font-style: normal;
+          background-color: $text-color;
+          color: #fff;
+          &.low {
+            background-color: $brand-danger;
+          }
+          &.high {
+            background-color: $brand-success;
+          }
         }
       }
     }

diff --git a/census/views/includes/dataviews/alt_summary.html b/census/views/includes/dataviews/alt_summary.html
@@ -6,6 +6,6 @@
 </div>
 <div class="explain">
   <span>
-    Here you can see the open data scores for the currently selected dataset(s), from <i style="background-color: #f00;">0</i> to <i style="background-color: rgb(122, 184, 0);">100</i>.
+    Here you can see the open data scores for the currently selected dataset(s), from <i class="low">0</i> to <i class="high">100</i>.
   </span>
 </div>