Fix adding a new task to the beginning of the list

src/styles/components/tasks.scss

@@ -4,10 +4,6 @@
 	.tasks {
 		width: 100%;
 
-		.flip-list-move {
-			transition: transform $transition-duration;
-		}
-
 		.ghost {
 			border-radius: $radius;
 			background: $grey-100;

src/views/list/views/List.vue

@@ -88,28 +88,26 @@
 						v-bind="dragOptions"
 						handle=".handle"
 					>
-						<transition-group type="transition" :name="!drag ? 'flip-list' : null">
-							<single-task-in-list
-								:show-list-color="false"
-								:disabled="!canWrite"
-								:key="t.id"
-								:the-task="t"
-								@taskUpdated="updateTasks"
-								task-detail-route="task.detail"
-								v-for="t in tasks"
+						<single-task-in-list
+							:show-list-color="false"
+							:disabled="!canWrite"
+							:key="t.id"
+							:the-task="t"
+							@taskUpdated="updateTasks"
+							task-detail-route="task.detail"
+							v-for="t in tasks"
+						>
+							<span class="icon handle">
+								<icon icon="grip-lines"/>
+							</span>
+							<div
+								@click="editTask(t.id)"
+								class="icon settings"
+								v-if="!list.isArchived && canWrite"
 							>
-								<span class="icon handle">
-									<icon icon="grip-lines"/>
-								</span>
-								<div
-									@click="editTask(t.id)"
-									class="icon settings"
-									v-if="!list.isArchived && canWrite"
-								>
-									<icon icon="pencil-alt"/>
-								</div>
-							</single-task-in-list>
-						</transition-group>
+								<icon icon="pencil-alt"/>
+							</div>
+						</single-task-in-list>
 					</draggable>
 				</div>
 				<card
@@ -249,8 +247,11 @@ export default {
 			this.$refs.newTaskInput.$refs.newTaskInput.focus()
 		},
 		updateTaskList(task) {
-			this.tasks.push(task)
-			this.sortTasks()
+			const tasks = [
+				task,
+				...this.tasks,
+			]
+			this.tasks = tasks
 			this.$store.commit(HAS_TASKS, true)
 		},
 		editTask(id) {