From 214117152948f63491f82f85821a890c5686c274 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 10 Dec 2022 22:28:19 +0100
Subject: [PATCH] fix(task): move task color bubble next to task index and done
 badge on mobile

---
 src/components/tasks/partials/heading.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/tasks/partials/heading.vue b/src/components/tasks/partials/heading.vue
index 4ee2639ab..f6a2b6d61 100644
--- a/src/components/tasks/partials/heading.vue
+++ b/src/components/tasks/partials/heading.vue
@@ -1,12 +1,14 @@
 <template>
 	<div class="heading">
-		<BaseButton @click="copyUrl"><h1 class="title task-id">{{ textIdentifier }}</h1></BaseButton>
-		<Done class="heading__done" :is-done="task.done"/>
-		<ColorBubble
-			v-if="task.hexColor !== ''"
-			:color="getHexColor(task.hexColor)"
-			class="mt-1 ml-2"
-		/>
+		<div class="flex is-align-items-center">
+			<BaseButton @click="copyUrl"><h1 class="title task-id">{{ textIdentifier }}</h1></BaseButton>
+			<Done class="heading__done" :is-done="task.done"/>
+			<ColorBubble
+				v-if="task.hexColor !== ''"
+				:color="getHexColor(task.hexColor)"
+				class="ml-2"
+			/>
+		</div>
 		<h1
 			class="title input"
 			:class="{'disabled': !canWrite}"