From 8c61d99393a18b969881c621864ffc2532254c48 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Thu, 22 Sep 2022 18:59:21 +0200
Subject: [PATCH] feat(task wizard): styling

---
 src/views/tasks/CreateTask.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/views/tasks/CreateTask.vue b/src/views/tasks/CreateTask.vue
index aa61c5d1..ca5157a3 100644
--- a/src/views/tasks/CreateTask.vue
+++ b/src/views/tasks/CreateTask.vue
@@ -30,16 +30,16 @@
 			:preview-is-default="false"
 			class="m-4"
 		/>
-		<div class="px-4 pb-4">
+		<div class="px-4 pb-4 task-attributes">
 			<Datepicker
 				v-model="newTask.dueDate"
 				v-slot="{ date, openPopup }"
 			>
-				<XButton variant="secondary" @click.stop="openPopup()">
+				<XButton variant="secondary" @click.stop="openPopup()" class="datepicker-button">
 					{{ date ? formatDateShort(date) : t('task.attributes.dueDate') }}
 				</XButton>
 			</Datepicker>
-			<div>
+			<div class="is-flex pl-2">
 				<span
 					v-for="label in realLabels"
 					:style="{'background': label.hexColor, 'color': label.textColor}"
@@ -144,7 +144,7 @@ async function create() {
 
 	await store.dispatch('tasks/addLabelsToTask', {
 		task,
-		parsedLabels: labels,
+		parsedLabels: labels.value,
 	})
 
 	return router.push({name: 'task.detail', params: {id: task.id}})
@@ -165,4 +165,14 @@ async function create() {
 	width: 100%;
 	text-align: left;
 }
+
+.datepicker-button {
+	white-space: nowrap;
+}
+
+.task-attributes {
+	display: flex;
+	align-items: center;
+	overflow-y: auto;
+}
 </style>