From c10ad5f4c788b3260c03471354b6fb8587b0d625 Mon Sep 17 00:00:00 2001
From: JAMES ZHANG <jzhang300@us.ibm.com>
Date: Fri, 26 Feb 2016 15:19:31 -0600
Subject: [PATCH] fix emotion model labels

---
 public/css/style.css | 8 +++++++-
 views/index.ejs      | 5 ++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 0fc6e690..9f36a80a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1549,13 +1549,19 @@ pre[class*=" language-"] {
     right: 0rem;
     width: calc(100% - 4rem); }
   .summary-emotion-graph--legend-label {
-    width: calc(33.33333% - 0rem);
+    position: absolute;
     margin-right: 0rem;
     display: block;
     float: left;
     margin-top: 0rem;
     text-align: center;
     font-size: 0.8rem; }
+    .summary-emotion-graph--legend-label_medium {
+      left: 50%;
+      margin-left: -1.4rem; }
+    .summary-emotion-graph--legend-label_high {
+      left: 75%;
+      margin-left: -1rem; }
     .summary-emotion-graph--legend-label:nth-of-type(3n) {
       margin-right: 0rem; }
     @media (min-width: 768px) {
diff --git a/views/index.ejs b/views/index.ejs
index 72d9161e..67ed2c36 100755
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -252,9 +252,8 @@
       </div>
       <% if (key === list.length - 1 && item.thresholdLow) { %>
         <div class="summary-<%= className %>-graph--legend-label-container">
-          <div class="summary-<%= className %>-graph--legend-label">Low evidence</div>
-          <div class="summary-<%= className %>-graph--legend-label">Medium</div>
-          <div class="summary-<%= className %>-graph--legend-label">High</div>
+          <div class="summary-<%= className %>-graph--legend-label summary-<%= className %>-graph--legend-label_medium">Medium</div>
+          <div class="summary-<%= className %>-graph--legend-label summary-<%= className %>-graph--legend-label_high">High</div>
         </div>
       <% } %>
       <% }); %>