From 6687d949749a72fd75b8fea6ed3000bb76175990 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Tue, 5 Mar 2024 18:34:55 +0100
Subject: [PATCH] fix(filters): make the button look less like a button to
 avoid spacing problems

---
 .../src/components/project/partials/FilterInput.vue  | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/project/partials/FilterInput.vue b/frontend/src/components/project/partials/FilterInput.vue
index 101abc5ba..6a14498f4 100644
--- a/frontend/src/components/project/partials/FilterInput.vue
+++ b/frontend/src/components/project/partials/FilterInput.vue
@@ -96,7 +96,7 @@ const highlightedFilterQuery = computed(() => {
 				if (typeof value === 'undefined') {
 					value = ''
 				}
-				return `${o} ${token} <button class="button is-primary filter-query__date_value" data-position="${position}">${value}</button><span class="filter-query__date_value_placeholder">${value}</span>`
+				return `${o} ${token} <button class="is-primary filter-query__date_value" data-position="${position}">${value}</button><span class="filter-query__date_value_placeholder">${value}</span>`
 			})
 		})
 	assigneeFields
@@ -234,8 +234,8 @@ function updateDateInQuery(newDate: string) {
 		}
 
 		&.filter-query__date_value_placeholder {
-			padding: .125rem .25rem;
 			display: inline-block;
+			color: transparent;
 		}
 		
 		&.filter-query__assignee_value {
@@ -253,11 +253,17 @@ function updateDateInQuery(newDate: string) {
 	}
 
 	button.filter-query__date_value {
-		padding: .125rem .25rem;
 		border-radius: $radius;
 		position: absolute;
 		margin-top: calc((0.25em - 0.125rem) * -1);
 		height: 1.75rem;
+		padding: 0;
+		border: 0;
+		background: transparent;
+		color: var(--primary);
+		font-size: 1rem;
+		cursor: pointer;
+		line-height: 1.5;
 	}
 }
 </style>