From d2253ff06901184083bb076aa0f54402168a1bb1 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Sun, 25 Jun 2023 21:28:38 +0100
Subject: [PATCH] accounts: fix filter card height

string filter cards were too tall, so bool cards now expand to the same
height. y-margins also removed it made the bottom get covered.
---
 ts/modules/accounts.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ts/modules/accounts.ts b/ts/modules/accounts.ts
index 957e86c..cda713a 100644
--- a/ts/modules/accounts.ts
+++ b/ts/modules/accounts.ts
@@ -987,7 +987,7 @@ export class accountsList {
                     // FIXME: Generate filter card for each filter class
                     const filterCard = document.createElement("span");
                     filterCard.ariaLabel = window.lang.strings("clickToRemoveFilter");
-                    filterCard.classList.add("button", "~" + (boolState ? "positive" : "critical"), "@high", "center", "m-2");
+                    filterCard.classList.add("button", "~" + (boolState ? "positive" : "critical"), "@high", "center", "mx-2", "h-full");
                     filterCard.innerHTML = `
                     <span class="font-bold mr-2">${queryFormat.name}</span>
                     <i class="text-2xl ri-${boolState? "checkbox" : "close"}-circle-fill"></i>
@@ -1021,7 +1021,7 @@ export class accountsList {
             if (queryFormat.string) {
                 const filterCard = document.createElement("span");
                 filterCard.ariaLabel = window.lang.strings("clickToRemoveFilter");
-                filterCard.classList.add("button", "~neutral", "@low", "center", "m-2", "h-full");
+                filterCard.classList.add("button", "~neutral", "@low", "center", "mx-2", "h-full");
                 filterCard.innerHTML = `
                 <span class="font-bold mr-2">${queryFormat.name}:</span> "${split[1]}"
                 `;