diff --git a/client/html/index.html b/client/html/index.html
index b073fa4..fdef170 100644
--- a/client/html/index.html
+++ b/client/html/index.html
@@ -125,8 +125,10 @@
                         </div>
                     </div>
                     <div style="padding: 10px;">
-                        <canvas id="grapher" width="800" height="550"></canvas><br>
-                        <input id="history" type="text" data-slider-min="0" data-slider-max="20" data-slider-step="1">
+                        <canvas id="grapher" width="800" height="550"></canvas>
+                        <div class="text-right">
+                            <input id="history" type="text" data-slider-max="20" data-slider-step="1">
+                        </div>
                     </div>
                 </div>
 
diff --git a/client/scripts/application.js b/client/scripts/application.js
index 38a7e68..407a50c 100644
--- a/client/scripts/application.js
+++ b/client/scripts/application.js
@@ -138,6 +138,10 @@
         });
     }
 
+    function onHistory(arg) {
+
+    }
+
     function outputResults(results, count) {
         var searchResultCnt = String(results.length);
         if (results.length < count) {
@@ -191,6 +195,7 @@
                     });
                 });
 
+                $('#history').on('slideStop', onHistory);
                 $('#learnKeyword').click(onLearn);
                 $('#keywordToLearn').bind('input', function() {
                     $('#learnKeyword').prop('disabled', !$(this).val());