From 3fec92283bfe319638a6d6f15e12aafe520b4b0b Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 6 Sep 2023 15:58:52 +0200
Subject: [PATCH] fix(task): priority label sizing and positioning in different
 environments

---
 src/components/tasks/partials/kanban-card.vue              | 4 ++--
 src/components/tasks/partials/singleTaskInProject.vue      | 3 ++-
 src/components/tasks/partials/singleTaskInlineReadonly.vue | 5 ++---
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/tasks/partials/kanban-card.vue b/src/components/tasks/partials/kanban-card.vue
index d5043d216..4e34bdff3 100644
--- a/src/components/tasks/partials/kanban-card.vue
+++ b/src/components/tasks/partials/kanban-card.vue
@@ -48,7 +48,7 @@
 			</progress>
 			<div class="footer">
 				<labels :labels="task.labels"/>
-				<priority-label :priority="task.priority" :done="task.done"/>
+				<priority-label :priority="task.priority" :done="task.done" class="is-inline-flex is-align-items-center"/>
 				<assignee-list
 					v-if="task.assignees.length > 0"
 					:assignees="task.assignees"
@@ -242,7 +242,7 @@ $task-background: var(--white);
 
 		.priority-label {
 			font-size: .75rem;
-			height: 2rem;
+			padding: 0 .5rem 0 .25rem;
 
 			.icon {
 				height: 1rem;
diff --git a/src/components/tasks/partials/singleTaskInProject.vue b/src/components/tasks/partials/singleTaskInProject.vue
index 961c2883b..84a83e84f 100644
--- a/src/components/tasks/partials/singleTaskInProject.vue
+++ b/src/components/tasks/partials/singleTaskInProject.vue
@@ -17,7 +17,6 @@
 			:class="{ 'done': task.done, 'show-project': showProject && project}"
 			class="tasktext"
 		>
-			<priority-label :priority="task.priority" :done="task.done"/>
 			<span>
 				<router-link
 					v-if="showProject && typeof project !== 'undefined'"
@@ -33,6 +32,8 @@
 					:color="getHexColor(task.hexColor)"
 					class="mr-1"
 				/>
+			
+				<priority-label :priority="task.priority" :done="task.done"/>
 
 				<!-- Show any parent tasks to make it clear this task is a sub task of something -->
 				<span class="parent-tasks" v-if="typeof task.relatedTasks?.parenttask !== 'undefined'">
diff --git a/src/components/tasks/partials/singleTaskInlineReadonly.vue b/src/components/tasks/partials/singleTaskInlineReadonly.vue
index af06c8103..86325076c 100644
--- a/src/components/tasks/partials/singleTaskInlineReadonly.vue
+++ b/src/components/tasks/partials/singleTaskInlineReadonly.vue
@@ -1,7 +1,5 @@
 <template>
 	<div class="task">
-		<priority-label :priority="task.priority" :done="task.done"/>
-
 		<span>
 			<span
 				v-if="showProject && typeof project !== 'undefined'"
@@ -18,6 +16,8 @@
 				class="mr-1"
 			/>
 
+			<priority-label :priority="task.priority" :done="task.done"/>
+
 			<!-- Show any parent tasks to make it clear this task is a sub task of something -->
 			<span class="parent-tasks" v-if="typeof task.relatedTasks?.parenttask !== 'undefined'">
 				<template v-for="(pt, i) in task.relatedTasks.parenttask">
@@ -56,7 +56,6 @@
 			</time>
 		</span>
 
-
 		<span>
 			<span class="project-task-icon" v-if="task.attachments.length > 0">
 				<icon icon="paperclip"/>