Add tables styles for history view

static/css/app.css

@@ -220,6 +220,7 @@
   max-height: 51px;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: pre;
 
   /*
   -webkit-user-select: none;
@@ -235,6 +236,10 @@
 #results th:first-child,
 #results td:first-child {
   padding-left: 15px;
+}
+
+#results.history td div {
+  max-width: none;
 } 
 
 #custom_query {

static/index.html

@@ -41,7 +41,7 @@
     </div>
     <div id="output">
       <div class="wrapper">
-        <table id="results" class="table table-striped"></table>
+        <table id="results" class="table"></table>
       </div>
     </div>
   </div>

static/js/app.js

@@ -48,7 +48,8 @@ function resetTable() {
   $("#results").
     attr("data-mode", "").
     text("").
-    removeClass("empty");
+    removeClass("empty").
+    removeClass("history");
 }
 
 function buildTable(results) {
@@ -67,7 +68,7 @@ function buildTable(results) {
   }
 
   var cols = "";
-  var rows = ""
+  var rows = "";
 
   results.columns.forEach(function(col) {
     cols += "<th data='" + col + "'>" + col + "</th>";
@@ -100,6 +101,7 @@ function showQueryHistory() {
     setCurrentTab("table_history");  
     $("#input").hide();
     $("#output").addClass("full");
+    $("#results").addClass("history");
   });
 }