From 6ef4a36bbc77b0cf9dfeceedf30614f742d6c529 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 17 Jan 2021 10:55:04 +0100
Subject: [PATCH] Fix label spacing

---
 src/components/tasks/partials/editLabels.vue | 6 +++---
 src/styles/components/labels.scss            | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/tasks/partials/editLabels.vue b/src/components/tasks/partials/editLabels.vue
index c1c9b75c6..daf3271ba 100644
--- a/src/components/tasks/partials/editLabels.vue
+++ b/src/components/tasks/partials/editLabels.vue
@@ -15,7 +15,7 @@
 		<template v-slot:tag="props">
 			<span
 				:style="{'background': props.item.hexColor, 'color': props.item.textColor}"
-				class="tag ml-2 mt-2">
+				class="tag">
 				<span>{{ props.item.title }}</span>
 				<a @click="removeLabel(props.item)" class="delete is-small"></a>
 			</span>
@@ -23,13 +23,13 @@
 		<template v-slot:searchResult="props">
 			<span
 				v-if="typeof props.option === 'string'"
-				class="tag ml-2">
+				class="tag">
 				<span>{{ props.option }}</span>
 			</span>
 			<span
 				v-else
 				:style="{'background': props.option.hexColor, 'color': props.option.textColor}"
-				class="tag ml-2">
+				class="tag">
 				<span>{{ props.option.title }}</span>
 			</span>
 		</template>
diff --git a/src/styles/components/labels.scss b/src/styles/components/labels.scss
index 9677084b4..0ff50bb95 100644
--- a/src/styles/components/labels.scss
+++ b/src/styles/components/labels.scss
@@ -4,7 +4,7 @@
   }
 
   .tag {
-    margin: 0.5em;
+    margin: .5rem 0 .5rem .5rem;
     background: darken($background, 5);
 
     &.disabled {