feat: show checklist summary on kanban cards

src/components/tasks/partials/kanban-card.vue

@@ -51,6 +51,7 @@
 					v-for="u in task.assignees"
 				/>
 			</div>
+			<checklist-summary :task="task"/>
 			<span class="icon" v-if="task.attachments.length > 0">
 				<icon icon="paperclip"/>	
 			</span>
@@ -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,

src/styles/components/kanban.scss

@@ -117,12 +117,17 @@ $filter-container-height: '1rem - #{$switch-view-height}';
 					display: flex;
 					flex-wrap: wrap;
 					align-items: center;
-
-					.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;