Show labels in task overview

src/components/lists/ShowList.vue

@@ -41,6 +41,9 @@
 							</div>
 							<span class="tasktext" :class="{ 'done': l.done}">
 								{{l.text}}
+								<span class="tag" v-for="label in l.labels" :style="{'background': label.hex_color, 'color': label.textColor}" :key="label.id">
+									<span>{{ label.title }}</span>
+								</span>
 								<i v-if="l.dueDate > 0" :class="{'overdue': (l.dueDate <= new Date())}"> - Due on {{new Date(l.dueDate).toLocaleString()}}</i>
 								<span v-if="l.priority >= priorities.HIGH" class="high-priority" :class="{'not-so-high': l.priority === priorities.HIGH}">
 									<span class="icon">

src/styles/tasks.scss

@@ -66,6 +66,10 @@
           color: $orange;
         }
       }
+
+      .tag {
+        margin: 0 0.5em;
+      }
     }
 
     input[type="checkbox"] {