From ab7bf7d8f927e52ef38ccdbd43bc2d603b1bc416 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 11 Jul 2022 16:41:08 +0200
Subject: [PATCH] fix: datepicker button color and spacing for overdue dates

---
 src/components/tasks/partials/reminders.vue | 4 ++--
 src/views/tasks/TaskDetailView.vue          | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/tasks/partials/reminders.vue b/src/components/tasks/partials/reminders.vue
index 929587f0..343067ca 100644
--- a/src/components/tasks/partials/reminders.vue
+++ b/src/components/tasks/partials/reminders.vue
@@ -118,7 +118,7 @@ function removeReminderByIndex(index: number) {
     display: flex;
     align-items: center;
 
-    &.overdue :deep(.datepicker a.show) {
+    &.overdue :deep(.datepicker .show) {
       color: var(--danger);
     }
 
@@ -126,7 +126,7 @@ function removeReminderByIndex(index: number) {
       margin-bottom: 0.75rem;
     }
 
-    a.remove {
+    .remove {
       color: var(--danger);
       padding-left: .5rem;
     }
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 05af5634..f08135a5 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -771,7 +771,7 @@ $flash-background-duration: 750ms;
     display: flex;
     align-items: center;
 
-    a.remove {
+    .remove {
       color: var(--danger);
       vertical-align: middle;
       padding-left: .5rem;
@@ -782,20 +782,22 @@ $flash-background-duration: 750ms;
   :deep(.datepicker) {
     width: 100%;
 
-    a.show {
+    .show {
       color: var(--text);
       padding: .25rem .5rem;
       transition: background-color $transition;
       border-radius: $radius;
       display: block;
       margin: .1rem 0;
+      width: 100%;
+      text-align: left;
 
       &:hover {
         background: var(--white);
       }
     }
 
-    &.disabled a.show:hover {
+    &.disabled .show:hover {
       background: transparent;
     }
   }