Fix spacing for lists with no rights to add new tasks

src/styles/components/list.scss

@@ -28,10 +28,14 @@
   }
 }
 
-.task-add .button {
-  padding: 10px 1rem;
+.task-add {
+  padding: 1rem 1rem 0;
+  margin-bottom: 0;
+
+  .button {
     height: 40px;
   }
+}
 
 .list-title {
   display: flex;

src/styles/components/tasks.scss

@@ -39,6 +39,10 @@
     margin: 0 .5rem;
     border-radius: $radius;
 
+    &:first-child {
+      margin-top: .5rem;
+    }
+
     &:last-child {
       margin-bottom: .5rem;
     }

src/views/list/views/List.vue

@@ -52,7 +52,7 @@
 		</div>
 
 		<card :padding="false" :has-content="false">
-			<div class="field task-add p-4 mb-0" v-if="!list.isArchived && canWrite && list.id > 0">
+			<div class="field task-add" v-if="!list.isArchived && canWrite && list.id > 0">
 				<div class="field is-grouped">
 					<p :class="{ 'is-loading': taskService.loading}" class="control has-icons-left is-expanded">
 						<input