From 06a160f26c96a4b98e93c5b4e480e004c3da3f0c Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 24 Jan 2021 15:37:19 +0100
Subject: [PATCH] Fix defer due date popup

---
 src/styles/components/tasks.scss | 1 +
 src/views/list/views/List.vue    | 2 +-
 src/views/tasks/ShowTasks.vue    | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss
index 91e78142..db9ed108 100644
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@@ -285,6 +285,7 @@
   color: $text;
   cursor: default;
   z-index: 10;
+  box-shadow: $shadow-lg;
 
   input.input {
     display: none;
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index f218fbee..f799b70e 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -51,7 +51,7 @@
 			/>
 		</div>
 
-		<card :padding="false" :has-content="false">
+		<card :padding="false" :has-content="false" class="has-overflow">
 			<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">
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index 12ccb206..82dbdf0e 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -40,7 +40,7 @@
 		</template>
 		<div :class="{ 'is-loading': taskService.loading}" class="spinner"></div>
 
-		<card :padding="false" :has-content="false" v-if="tasks && tasks.length > 0">
+		<card :padding="false" class="has-overflow" :has-content="false" v-if="tasks && tasks.length > 0">
 			<div class="tasks">
 				<single-task-in-list
 					:key="t.id"