Fix flickering and column sizes.

* Avoid flickering in default view mode, by properly setting the default (horizontal-scroll) layout
directly in CSS. This flickering was introduced with #675 pull request. This also fixes the layout
of the public board. Javascript is now used only to activate the 'compact' mode, thus still causing
a slight flickering, but in that mode only.
* Use fixed-layout on the table to improve layout and rendering speed.
* Slightly reduce the width of the swimlane header column, and make it fixed-width.
* Slightly simplify the Javascript/jQuery code for activating compact mode.

This is replaces pull request #688, with only the table layout fix, since I have no proper solution
for the scrolling problem.

1 files changed, 4 insertions, 4 deletions

diff --git a/assets/js/src/board.js b/assets/js/src/board.js
index 878cb98e..9f93a869 100644
--- a/assets/js/src/board.js
+++ b/assets/js/src/board.js
@@ -384,16 +384,16 @@ Kanboard.Board = (function() {
             $(".filter-wide").show();
             $(".filter-compact").hide();
 
-            $("#board-container").removeClass("board-container-wide").addClass("board-container-compact");
-            $("#board th,#board td").removeClass("board-column-wide").addClass("board-column-compact");
+            $("#board-container").addClass("board-container-compact");
+            $("#board th").addClass("board-column-compact");
         }
         else {
 
             $(".filter-wide").hide();
             $(".filter-compact").show();
 
-            $("#board-container").removeClass("board-container-compact").addClass("board-container-wide");
-            $("#board th,#board td").removeClass("board-column-compact").addClass("board-column-wide");
+            $("#board-container").removeClass("board-container-compact");
+            $("#board th").removeClass("board-column-compact");
         }
     }