From 3c75e0a9b6d46470ec3c36689b4b079446b1c562 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 19 Nov 2025 22:51:02 +0100
Subject: [PATCH] fix(table): label spacing when wrapping

---
 frontend/src/components/tasks/partials/Label.vue  |  3 ---
 frontend/src/components/tasks/partials/Labels.vue | 10 ++++++----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/tasks/partials/Label.vue b/frontend/src/components/tasks/partials/Label.vue
index aa1dd0214..926d51fd8 100644
--- a/frontend/src/components/tasks/partials/Label.vue
+++ b/frontend/src/components/tasks/partials/Label.vue
@@ -21,8 +21,5 @@ const {getLabelStyles} = useLabelStyles()
 
 <style scoped lang="scss">
 .tag {
-	& + & {
-		margin-inline-start: 0.5rem;
-	}
 }
 </style>
diff --git a/frontend/src/components/tasks/partials/Labels.vue b/frontend/src/components/tasks/partials/Labels.vue
index 55332c233..2da4fc3df 100644
--- a/frontend/src/components/tasks/partials/Labels.vue
+++ b/frontend/src/components/tasks/partials/Labels.vue
@@ -26,11 +26,13 @@ const displayLabels = computed(() =>
 
 <style lang="scss" scoped>
 .label-wrapper {
-	display: inline;
-	
+	display: inline-flex;
+	flex-wrap: wrap;
+	gap: 0.25rem;
+	align-items: flex-start;
+
 	:deep(.tag) {
-		margin-block-start: .125rem;
-		margin-block-end: .125rem;
+		margin: 0;
 	}
 }
 </style>