1 files changed, 48 insertions, 12 deletions
diff --git a/assets/css/app.css b/assets/css/app.css
index 5b1ab97f..aa846737 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -762,26 +762,27 @@ nav .active a {
 /* board table */
 #board-container {
     padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
-}
-
-/* Board container classes for wide/compact view */
-.board-container-wide {
     overflow-x: scroll;
 }
 
 .board-container-compact {
-    overflow-x: hidden;
+    overflow-x: initial;
+}
+
+#board {
+    table-layout: fixed;
+}
+
+#board th {
+    width: 120px; /* Width of swimlane column */
 }
 
-/* Board table column for wide/compact view */
-.board-column-wide {
-    min-width: 240px;
-    max-width: 240px;
+#board th.board-column {
+    width: 240px; /* Width of other columns, in default [horizontal scrolling] view mode */
 }
 
-.board-column-compact {
-    min-width: 0px;
-    max-width: 0px;
+#board th.board-column.board-column-compact {
+    width: initial; /* Do not force the width of the columns in compact view mode */
 }
 
 #board th a {
@@ -1076,6 +1077,41 @@ span.task-board-date-overdue {
 .task-link-closed {
     text-decoration: line-through;
 }
+.task-show-images {
+    list-style-type: none;
+}
+.task-show-images li img {
+    width: 100%;
+}
+.task-show-images li .img_container {
+    width: 250px;
+    height: 100px;
+    overflow: hidden;
+}
+.task-show-images li {
+    padding: 10px;
+    overflow: auto;
+    width: 250px;
+    min-height: 120px;
+    display: inline-block;
+    vertical-align: top;
+}
+.task-show-images li p{
+    padding: 5px;
+    font-weight: bold;
+}
+.task-show-images li:hover {
+    background: #eee;
+}
+.task-show-image-actions {
+    margin-left: 5px;
+}
+.task-show-images li .img_container:hover {
+    height: 100%;
+}
+.task-show-file-table {
+    width: auto;
+}
 /* comments */
 .comment {
     margin-bottom: 20px;