feat(task): move task priority to the front when showing tasks inline

src/components/tasks/partials/priorityLabel.vue

@@ -40,17 +40,12 @@ defineProps({
 </script>
 
 <style lang="scss" scoped>
-.priority-label {
-	display: inline-flex;
-	align-items: center;
-}
-
 span.high-priority {
 	color: var(--danger);
 	width: auto !important; // To override the width set in tasks
 
 	.icon {
-		vertical-align: middle;
+		vertical-align: top;
 		width: auto !important;
 		padding: 0 .5rem;
 	}

src/components/tasks/partials/singleTaskInProject.vue

@@ -17,6 +17,7 @@
 			: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'"
@@ -77,8 +78,6 @@
 				<defer-task v-if="+new Date(task.dueDate) > 0 && showDefer" v-model="task" ref="deferDueDate"/>
 			</CustomTransition>
 
-			<priority-label :priority="task.priority" :done="task.done"/>
-
 			<span>
 				<span class="project-task-icon" v-if="task.attachments.length > 0">
 					<icon icon="paperclip"/>

src/components/tasks/partials/singleTaskInlineReadonly.vue

@@ -1,5 +1,6 @@
 <template>
 	<div class="task">
+		<priority-label :priority="task.priority" :done="task.done"/>
 
 		<span>
 			<span
@@ -55,7 +56,6 @@
 			</time>
 		</span>
 
-		<priority-label :priority="task.priority" :done="task.done"/>
 
 		<span>
 			<span class="project-task-icon" v-if="task.attachments.length > 0">