src/components/tasks/TableView.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class="table-view">
 		<table class="table is-hoverable is-fullwidth">
 			<thead>
 				<tr>
@@ -24,7 +24,7 @@
 					<td>
 						<priority-label :priority="t.priority" :show-all="true"/>
 					</td>
-					<td></td>
+					<td><labels :labels="t.labels"/></td>
 					<td></td>
 					<td>{{ +t.dueDate === 0 ? '-' : formatDateSince(t.dueDate) }}</td>
 					<td>{{ +t.startDate === 0 ? '-' : formatDateSince(t.startDate) }}</td>
@@ -40,14 +40,19 @@
 </template>
 
 <script>
-	import ListModel from '../../models/list';
+	import ListModel from '../../models/list'
 	import taskList from './helpers/taskList'
-	import User from "../global/user";
-	import PriorityLabel from "./reusable/priorityLabel";
+	import User from '../global/user'
+	import PriorityLabel from './reusable/priorityLabel'
+	import Labels from './reusable/labels'
 
 	export default {
 		name: 'TableView',
-		components: {PriorityLabel, User},
+		components: {
+			Labels,
+			PriorityLabel,
+			User,
+		},
 		mixins: [
 			taskList,
 		],

src/styles/components/_all.scss

@@ -13,3 +13,4 @@
 @import 'teams';
 @import 'migrator';
 @import 'comments';
+@import 'table-view';

src/styles/components/table-view.scss

@@ -0,0 +1,9 @@
+.table-view {
+  .table {
+    background: transparent;
+
+    .user {
+      margin: 0;
+    }
+  }
+}