From 25bd9d17f9aa02cf5c794811b17e7f7330b8ec92 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 28 Nov 2020 15:44:48 +0100
Subject: [PATCH] Show a loading spinner when creating a new kanban task

---
 src/views/list/views/Kanban.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index ee2f9976..2111a199 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -154,15 +154,13 @@
 				</div>
 				<div class="bucket-footer" v-if="canWrite">
 					<div class="field" v-if="showNewTaskInput[bucket.id]">
-						<div class="control">
+						<div class="control" :class="{'is-loading': taskService.loading}">
 							<input
-
-								:class="{'is-loading': taskService.loading}"
+								class="input"
 								:disabled="taskService.loading"
 								@focusout="toggleShowNewTaskInput(bucket.id)"
 								@keyup.enter="addTaskToBucket(bucket.id)"
 								@keyup.esc="toggleShowNewTaskInput(bucket.id)"
-								class="input"
 								placeholder="Enter the new task text..."
 								type="text"
 								v-focus.always
@@ -182,7 +180,7 @@
 						</span>
 						<span v-if="bucket.tasks.length === 0">
 						Add a task
-					</span>
+						</span>
 						<span v-else>
 						Add another task
 					</span>