fix emotion model labels

personality-insights · Feb 26, 2016 · c10ad5f · c10ad5f
1 parent b0fef11
commit c10ad5f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git 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
@@ -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>
       <% } %>
       <% }); %>