Fix input styles

src/components/tasks/add-task.vue

@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class="task-add">
 		<div class="field is-grouped">
 			<p :class="{ 'is-loading': taskService.loading}" class="control has-icons-left is-expanded">
 				<input
@@ -90,3 +90,13 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.task-add {
+	margin-bottom: 0;
+
+	.button {
+		height: 2.5rem;
+	}
+}
+</style>

src/styles/components/list.scss

@@ -10,13 +10,8 @@
   }
 }
 
-.task-add {
-  padding: 1rem 1rem 0;
-  margin-bottom: 0;
-
-  .button {
-    height: 40px;
-  }
+.list-view .task-add {
+	padding: 1rem 1rem 0;
 }
 
 .list-title {

src/views/list/views/List.vue

@@ -57,16 +57,14 @@
 		</div>
 
 		<card :padding="false" :has-content="false" class="has-overflow">
-			<div
-				class="field task-add"
+			<template
 				v-if="!list.isArchived && canWrite && list.id > 0"
 			>
 				<add-task
-					:listId="Number($route.params.listId)"
 					@taskAdded="updateTaskList"
 					ref="newTaskInput"
 				/>
-			</div>
+			</template>
 
 			<nothing v-if="ctaVisible && tasks.length === 0 && !taskCollectionService.loading">