diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue index 72d360e4..d21e571e 100644 --- a/src/components/tasks/partials/kanban-card.vue +++ b/src/components/tasks/partials/kanban-card.vue @@ -51,6 +51,7 @@ v-for="u in task.assignees" /> + @@ -66,10 +67,12 @@ import {playPop} from '../../../helpers/playPop' import PriorityLabel from '../../../components/tasks/partials/priorityLabel' import User from '../../../components/misc/user' import Labels from '../../../components/tasks/partials/labels' +import ChecklistSummary from './checklist-summary' export default { name: 'kanban-card', components: { + ChecklistSummary, PriorityLabel, User, Labels, diff --git a/src/styles/components/kanban.scss b/src/styles/components/kanban.scss index 3b96b6c1..2a551b2a 100644 --- a/src/styles/components/kanban.scss +++ b/src/styles/components/kanban.scss @@ -117,11 +117,16 @@ $filter-container-height: '1rem - #{$switch-view-height}'; display: flex; flex-wrap: wrap; align-items: center; + margin-top: .25rem; - .tag, .assignees, .icon, .priority-label { - margin-top: .25rem; + .tag, .assignees, .icon, .priority-label, .checklist-summary { + margin-top: 0; margin-right: .25rem; } + + .checklist-summary { + padding-left: 0; + } .assignees { display: flex; @@ -142,7 +147,7 @@ $filter-container-height: '1rem - #{$switch-view-height}'; .priority-label { font-size: .75rem; - height: 2rem; + height: 1.5rem; .icon { height: 1rem;