From e839e4090690617af482878807c0f39003952ac7 Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Mon, 27 Apr 2026 22:21:36 +0200
Subject: [PATCH] fix(ui): modal-close 44px, widget-link tap-target 44px
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Modal-Close: --target-md (40px) → --target-base (44px), Apple HIG.
Widget-Link: min-height 44px + padding für ausreichendes Tap-Target.
---
 public/styles/dashboard.css | 9 +++++++--
 public/styles/layout.css    | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css
index 61f5649..d75293c 100644
--- a/public/styles/dashboard.css
+++ b/public/styles/dashboard.css
@@ -371,11 +371,16 @@
   display: inline-flex;
   align-items: center;
   gap: var(--space-0h);
-  transition: opacity var(--transition-fast);
+  transition: opacity var(--transition-fast), background-color var(--transition-fast);
+  min-height: var(--target-base);
+  padding: 0 var(--space-2);
+  border-radius: var(--radius-sm);
+  margin-right: calc(-1 * var(--space-2));
 }
 
 .widget__link:hover {
-  opacity: 0.7;
+  opacity: 1;
+  background-color: color-mix(in srgb, var(--widget-accent, var(--color-accent)) 10%, transparent);
 }
 
 .widget__badge {
diff --git a/public/styles/layout.css b/public/styles/layout.css
index 1102fd9..02bba13 100755
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -898,8 +898,8 @@
 }
 
 .modal-panel__close {
-  width: var(--target-md);
-  height: var(--target-md);
+  width: var(--target-base);
+  height: var(--target-base);
   display: flex;
   align-items: center;
   justify-content: center;