From 5cccd6d2cc79fab43ede8faddf5d88d058489259 Mon Sep 17 00:00:00 2001
From: Walker Waylon Scott <walker_waylon_s@cat.com>
Date: Wed, 19 Jul 2017 13:04:06 -0500
Subject: [PATCH] smaller tweeks,  larger linewidth, added year to top movies,
 consistent color

---
 src/static/css/custom.css     | 16 +++++++++++++---
 src/static/js/enthusiast.js   |  1 +
 src/templates/enthusiast.html |  2 +-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/static/css/custom.css b/src/static/css/custom.css
index 5bd5cc8..43ef666 100644
--- a/src/static/css/custom.css
+++ b/src/static/css/custom.css
@@ -54,6 +54,9 @@ body{
     color: var(--axis-color);
     fill: var(--axis-color);
 }
+#timeseries-chart .c3-line {
+    stroke-width: 2px;
+}
 
 .container {
     color: #C7E0E4;
@@ -63,6 +66,8 @@ body{
 
 .kpi {
     /* color: #B80000; */
+    float: none;
+    margin: 0 auto;
     padding:5px 5px 5px 5px ;
     font-weight:4;
     font-size:16px;
@@ -76,6 +81,11 @@ body{
     /* height: 75px; */
 }
 
+.kpi-row{
+        float: none;
+    margin: 0 auto;
+}
+
 #score{
     color: var(--score-color);
     color: var(--light-blue);
@@ -135,9 +145,9 @@ body{
 }
 
 .sentiment-chart-title{
-    color:var(--dark-blue);
-    /*text-align: center;*/
-}
+    /*color:var(--dark-blue);*/
+    /*text-align: center;
+}*/
 .word-cloud-title{
     color:#0071A7;
     /*text-align: center;*/
diff --git a/src/static/js/enthusiast.js b/src/static/js/enthusiast.js
index 9b1c932..bd7486f 100644
--- a/src/static/js/enthusiast.js
+++ b/src/static/js/enthusiast.js
@@ -84,6 +84,7 @@ var data = {
         $('#year').html(year)
         $('#score').html(score)
         $('#gross').html(gross)
+        $('#top-movies-year').html(' for ' + year)
         if ((performance.now() - window.last_update)>update_freq)
         {
             window.last_update = performance.now()
diff --git a/src/templates/enthusiast.html b/src/templates/enthusiast.html
index fb34cc7..9dac70f 100644
--- a/src/templates/enthusiast.html
+++ b/src/templates/enthusiast.html
@@ -89,7 +89,7 @@
         <div class='row' padding:50px>
             <div class='col-sm-3'></div>
             <div class='col-sm-6' style='text-align:center'>
-            <h2>Top Movies</h2>
+            <h2>Top Movies <div id='top-movies-year'></div></h2>
                 <div id='note' class='note'>
                 <em>
                 by gross $