From d93adde5a8490224601127b0762dd2755c72c377 Mon Sep 17 00:00:00 2001
From: pbelmann <pbelmann@cebitec.uni-bielefeld.de>
Date: Wed, 18 Nov 2015 13:13:17 +0100
Subject: [PATCH 1/3] smaller font-size #108

---
 scripts/web/app/templates/css/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/scripts/web/app/templates/css/style.css b/scripts/web/app/templates/css/style.css
index a1cea2c..60b9be0 100644
--- a/scripts/web/app/templates/css/style.css
+++ b/scripts/web/app/templates/css/style.css
@@ -47,4 +47,8 @@ footer {
         table-layout: fixed;
         float:none;
     }
+}
+
+tbody {
+    font-size: 14px;
 }
\ No newline at end of file

From 20a774fe5ecaa7d8267cfedbd8c760dd23d2a682 Mon Sep 17 00:00:00 2001
From: pbelmann <pbelmann@cebitec.uni-bielefeld.de>
Date: Wed, 18 Nov 2015 13:40:39 +0100
Subject: [PATCH 2/3]  adjust column width  #108

---
 scripts/web/app/templates/css/style.css    | 9 +++++++++
 scripts/web/app/templates/js/buildTable.js | 4 ++++
 2 files changed, 13 insertions(+)

diff --git a/scripts/web/app/templates/css/style.css b/scripts/web/app/templates/css/style.css
index 60b9be0..3c9225a 100644
--- a/scripts/web/app/templates/css/style.css
+++ b/scripts/web/app/templates/css/style.css
@@ -51,4 +51,13 @@ footer {
 
 tbody {
     font-size: 14px;
+}
+
+.title-col {
+    min-width: 500px;
+}
+
+.seq-col {
+    max-width: 2000px;
+    word-wrap: break-word;
 }
\ No newline at end of file
diff --git a/scripts/web/app/templates/js/buildTable.js b/scripts/web/app/templates/js/buildTable.js
index c3bb37b..36b8cc1 100644
--- a/scripts/web/app/templates/js/buildTable.js
+++ b/scripts/web/app/templates/js/buildTable.js
@@ -91,6 +91,10 @@ d3.tsv("overview_new.txt", function (error, data) {
             function (val) {
                 if(val=="Best blastp hit"){
                     return "<th data-filter-control='input' data-formatter='linkFormatter' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
+                } else if(val=="Subject titles") {
+                    return "<th data-filter-control='input' class='title-col' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
+                } else if(val=="Gene sequence"){
+                    return "<th data-filter-control='input' class='seq-col' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
                 } else {
                     return "<th data-filter-control='input' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
                 }

From 760460d629df56c0d0b3ea70baae4b8387bef895 Mon Sep 17 00:00:00 2001
From: pbelmann <pbelmann@cebitec.uni-bielefeld.de>
Date: Wed, 18 Nov 2015 14:18:20 +0100
Subject: [PATCH 3/3] smaller columns #108

---
 scripts/web/app/templates/css/style.css    | 11 +++++++++++
 scripts/web/app/templates/js/buildTable.js |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/scripts/web/app/templates/css/style.css b/scripts/web/app/templates/css/style.css
index 3c9225a..e77b861 100644
--- a/scripts/web/app/templates/css/style.css
+++ b/scripts/web/app/templates/css/style.css
@@ -53,6 +53,17 @@ tbody {
     font-size: 14px;
 }
 
+th {
+    min-width: 150px !important;
+    max-width: 150px;
+    word-wrap: break-word;
+}
+
+.fixed-table-container thead th .th-inner {
+    white-space: normal;
+}
+
+
 .title-col {
     min-width: 500px;
 }
diff --git a/scripts/web/app/templates/js/buildTable.js b/scripts/web/app/templates/js/buildTable.js
index 36b8cc1..a5314a5 100644
--- a/scripts/web/app/templates/js/buildTable.js
+++ b/scripts/web/app/templates/js/buildTable.js
@@ -96,7 +96,7 @@ d3.tsv("overview_new.txt", function (error, data) {
                 } else if(val=="Gene sequence"){
                     return "<th data-filter-control='input' class='seq-col' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
                 } else {
-                    return "<th data-filter-control='input' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
+                    return "<th data-filter-control='input' data-align='center' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
                 }
             }), transformedData =  aggregateData(data),
             xAxis = ['x', '0-10', '10-20', '20-30', '30-40', '40-50', '50-60', '60-70', '70-80', '80-90', '90-100'];