Add board horizontal scrolling

4 files changed, 30 insertions, 8 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 96705433..75838065 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -740,8 +740,14 @@ a.filter-on {
 }
 
 /* board table */
-#board {
-    table-layout: fixed;
+#board-container {
+    overflow-x: auto;
+}
+
+#board td,
+#board th {
+    min-width: 230px;
+    max-width: 230px;
 }
 
 #board th a {
@@ -827,6 +833,11 @@ a.task-board-collapsed-title {
     font-weight: normal;
 }
 
+.task-board .dropdown {
+    float: left;
+    margin-right: 5px;
+}
+
 .task-board-title {
     margin-top: 10px;
     font-size: 1.1em;
@@ -1429,10 +1440,10 @@ a.task-board-nobody {
     position: absolute;
     left: 0;
     z-index: 1000;
-    min-width: 180px;
+    min-width: 230px;
     list-style: none;
     margin: 3px 0 0 1px;
-    padding: 6px 0;    
+    padding: 6px 0;
     background-color: #fff;
     border: 1px solid #b2b2b2;
     -webkit-border-radius: 3px;
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index 81c2a3a2..93b2bcb2 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -16,8 +16,14 @@ a.filter-on {
 }
 
 /* board table */
-#board {
-    table-layout: fixed;
+#board-container {
+    overflow-x: auto;
+}
+
+#board td,
+#board th {
+    min-width: 230px;
+    max-width: 230px;
 }
 
 #board th a {
diff --git a/assets/css/src/dropdown.css b/assets/css/src/dropdown.css
index 3d176516..2c6d32c8 100644
--- a/assets/css/src/dropdown.css
+++ b/assets/css/src/dropdown.css
@@ -12,10 +12,10 @@
     position: absolute;
     left: 0;
     z-index: 1000;
-    min-width: 180px;
+    min-width: 230px;
     list-style: none;
     margin: 3px 0 0 1px;
-    padding: 6px 0;    
+    padding: 6px 0;
     background-color: #fff;
     border: 1px solid #b2b2b2;
     -webkit-border-radius: 3px;
diff --git a/assets/css/src/task.css b/assets/css/src/task.css
index 77bcc48c..81f281b2 100644
--- a/assets/css/src/task.css
+++ b/assets/css/src/task.css
@@ -36,6 +36,11 @@ a.task-board-collapsed-title {
     font-weight: normal;
 }
 
+.task-board .dropdown {
+    float: left;
+    margin-right: 5px;
+}
+
 .task-board-title {
     margin-top: 10px;
     font-size: 1.1em;