From ebff09e3e16928caf680eb90520f1872b0b9240e Mon Sep 17 00:00:00 2001
From: cas <cas@vorteq.nl>
Date: Sat, 25 Jul 2026 00:20:41 +0200
Subject: [PATCH] =?UTF-8?q?ui:=20trash=20icoon=20subtieler=20=E2=80=94=20k?=
 =?UTF-8?q?leiner=20+=20tekstkleur=20ipv=20rood?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docker/index.html | 11 ++++++-----
 index.html        | 11 ++++++-----
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/docker/index.html b/docker/index.html
index c266daa..6ffdc3b 100644
--- a/docker/index.html
+++ b/docker/index.html
@@ -888,21 +888,22 @@ body {
 .eetmoment-remove {
   background: none;
   border: none;
-  color: var(--danger);
+  color: var(--text-muted);
   cursor: pointer;
-  font-size: 1.2rem;
-  padding: 4px 8px;
+  font-size: 0.8rem;
+  padding: 2px 4px;
   min-width: var(--touch-min);
   min-height: var(--touch-min);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: var(--radius-xs);
-  transition: background 0.15s;
+  transition: color 0.15s, opacity 0.15s;
 }
 
 .eetmoment-remove:active {
-  background: var(--danger-light);
+  color: var(--danger);
+  opacity: 0.7;
 }
 
 .eetmoment-add-btn {
diff --git a/index.html b/index.html
index c266daa..6ffdc3b 100644
--- a/index.html
+++ b/index.html
@@ -888,21 +888,22 @@ body {
 .eetmoment-remove {
   background: none;
   border: none;
-  color: var(--danger);
+  color: var(--text-muted);
   cursor: pointer;
-  font-size: 1.2rem;
-  padding: 4px 8px;
+  font-size: 0.8rem;
+  padding: 2px 4px;
   min-width: var(--touch-min);
   min-height: var(--touch-min);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: var(--radius-xs);
-  transition: background 0.15s;
+  transition: color 0.15s, opacity 0.15s;
 }
 
 .eetmoment-remove:active {
-  background: var(--danger-light);
+  color: var(--danger);
+  opacity: 0.7;
 }
 
 .eetmoment-add-btn {