From 2645edc9e01c054ae4b780ea0f458a801314a505 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Wed, 20 Oct 2021 14:33:52 +0200
Subject: [PATCH] fix: label spacing

---
 src/components/tasks/partials/labels.vue           | 8 +++++++-
 src/components/tasks/partials/singleTaskInList.vue | 7 ++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/tasks/partials/labels.vue b/src/components/tasks/partials/labels.vue
index ba28e4630..d596f7811 100644
--- a/src/components/tasks/partials/labels.vue
+++ b/src/components/tasks/partials/labels.vue
@@ -21,8 +21,14 @@ export default {
 }
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .label-wrapper {
 	display: inline;
 }
+
+.tag {
+	& + & {
+		margin-left: 0.5rem;
+	}
+}
 </style>
\ No newline at end of file
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index 62a4db3fb..a15c2b68c 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -30,7 +30,7 @@
 				{{ task.title }}
 			</span>
 
-			<labels :labels="task.labels"/>
+			<labels class="labels" :labels="task.labels"/>
 			<user
 				:avatar-size="27"
 				:is-inline="true"
@@ -252,8 +252,9 @@ export default {
 		flex: 0 0 10px;
 	}
 
-	.tag {
-		margin: 0 0.5rem;
+	.labels {
+		padding-left: 0.5rem;
+		padding-right: 0.5rem;
 	}
 
 	.avatar {