Improve toggle compact/horizontal scrolling view

2 files changed, 17 insertions, 11 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 5de5b2a1..f0446f30 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -757,16 +757,29 @@ nav .active a {
 
 /* 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;
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index 21b53f57..f4aefa95 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -20,25 +20,18 @@
 
 /* board table */
 #board-container {
-	/* Will set the style from JS depending upon wide/compact view */
+    padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
 }
 
 /* Board container classes for wide/compact view */
 .board-container-wide {
     overflow-x: scroll;
-    padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
 }
 
 .board-container-compact {
     overflow-x: hidden;
-    padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
 }
 
-#board td,
-#board th {
-    /* Will set the style from JS depending upon wide/compact view */
-	}
-
 /* Board table column for wide/compact view */
 .board-column-wide {
     min-width: 240px;