From d8d4803e2d907e634d82e425325f601fb46ff268 Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Mon, 1 Nov 2021 16:06:03 +0000
Subject: [PATCH] feat: show indicator on a repeating task (#925)

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/925
Reviewed-by: dpschen <dpschen@noreply.kolaente.de>
Co-authored-by: konrad <k@knt.li>
Co-committed-by: konrad <k@knt.li>
---
 src/components/tasks/partials/kanban-card.vue      |  3 +++
 src/components/tasks/partials/singleTaskInList.vue | 10 ++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index 5b63b341..ae518710 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -58,6 +58,9 @@
 			<span v-if="task.description" class="icon">
 				<icon icon="align-left"/>
 			</span>
+			<span class="icon" v-if="task.repeatAfter.amount > 0">
+				<icon icon="history"/>
+			</span>
 		</div>
 	</div>
 </template>
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index a15c2b68..da679bca 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -30,7 +30,7 @@
 				{{ task.title }}
 			</span>
 
-			<labels class="labels" :labels="task.labels"/>
+			<labels class="labels ml-2 mr-1" :labels="task.labels" v-if="task.labels.length > 0"/>
 			<user
 				:avatar-size="27"
 				:is-inline="true"
@@ -58,6 +58,9 @@
 				<span class="list-task-icon" v-if="task.description">
 					<icon icon="align-left"/>
 				</span>
+				<span class="list-task-icon" v-if="task.repeatAfter.amount > 0">
+					<icon icon="history"/>
+				</span>
 			</span>
 			<checklist-summary :task="task"/>
 		</router-link>
@@ -252,11 +255,6 @@ export default {
 		flex: 0 0 10px;
 	}
 
-	.labels {
-		padding-left: 0.5rem;
-		padding-right: 0.5rem;
-	}
-
 	.avatar {
 		border-radius: 50%;
 		vertical-align: bottom;