diff --git a/app/styles/components/taskboard-task.scss b/app/styles/components/taskboard-task.scss index 16040c37..c8efc733 100644 --- a/app/styles/components/taskboard-task.scss +++ b/app/styles/components/taskboard-task.scss @@ -18,6 +18,7 @@ @include table-flex-child($flex-basis: 50px); a { @extend %small; + display: block; text-align: center; } img { @@ -26,11 +27,9 @@ figcaption { display: block; overflow: hidden; - position: relative; text-overflow: ellipsis; - top: 4px; white-space: nowrap; - width: 50px; + width: 100%; } } .task-num { @@ -38,6 +37,7 @@ margin-right: .5em; } .taskboard-text { + @extend %small; @include table-flex-child($flex-grow: 10, $flex-basis: 50px); } .icon-edit, diff --git a/app/styles/modules/backlog/taskboard-table.scss b/app/styles/modules/backlog/taskboard-table.scss index 07a270c2..755d7d6d 100644 --- a/app/styles/modules/backlog/taskboard-table.scss +++ b/app/styles/modules/backlog/taskboard-table.scss @@ -24,6 +24,7 @@ $column-margin: 0 10px 0 0; @include table-flex-child($column-flex, $column-width, $column-shrink, $column-width); @extend %large; background: $whitish; + border-top: 3px solid $gray-light; margin: $column-margin; padding: .5rem 0; position: relative; diff --git a/app/styles/modules/kanban/kanban-table.scss b/app/styles/modules/kanban/kanban-table.scss index a6c7693d..3d4f1b80 100644 --- a/app/styles/modules/kanban/kanban-table.scss +++ b/app/styles/modules/kanban/kanban-table.scss @@ -17,8 +17,9 @@ $column-margin: 0 10px 0 0; width: 100%; .task-colum_name { @include table-flex-child($column-flex, $column-width, $column-shrink, $column-width); - @extend %large; + @extend %medium; background: $whitish; + border-top: 3px solid $gray-light; margin: $column-margin; padding: .5rem 0; position: relative; @@ -45,6 +46,7 @@ $column-margin: 0 10px 0 0; .kanban-table-body { @include table-flex(); + @extend %medium; //height: 700px; overflow: hidden; overflow-x: auto;