2 files changed, 25 insertions, 3 deletions
diff --git a/assets/css/src/base.css b/assets/css/src/base.css
index a8c7d73e..d92df612 100644
--- a/assets/css/src/base.css
+++ b/assets/css/src/base.css
@@ -41,3 +41,8 @@ hr {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
+
+#board-selector,
+.chosen-select {
+    min-height: 27px; /* Reserve some space to avoid re-layout due to chosen */
+}
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index 6d7d8dd4..f4aefa95 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -3,6 +3,10 @@
     font-size: 0.95em;
 }
 
+#more-filters {
+    display: none; /* Hide this filter initially, to avoid re-layout */
+}
+
 /* public board */
 .public-board {
     margin-top: 5px;
@@ -16,16 +20,29 @@
 
 /* board table */
 #board-container {
-    overflow-x: scroll;
     padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
 }
 
-#board td,
-#board th {
+/* Board container classes for wide/compact view */
+.board-container-wide {
+    overflow-x: scroll;
+}
+
+.board-container-compact {
+    overflow-x: hidden;
+}
+
+/* Board table column for wide/compact view */
+.board-column-wide {
     min-width: 240px;
     max-width: 240px;
 }
 
+.board-column-compact {
+    min-width: 0px;
+    max-width: 0px;
+}
+
 #board th a {
     text-decoration: none;
     color: #3366CC;