From 70c2cdd10150060857b9c58cc7d8869ce79d8d79 Mon Sep 17 00:00:00 2001
From: Daniel Michelberger <daniel@5t.media>
Date: Mon, 7 Sep 2026 22:09:30 +0200
Subject: [PATCH] fix: Zeigefinger fuer alles Anklickbare
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Tailwind 4 nimmt Knoepfen den Zeigefinger und ueberlaesst sie dem
Browser-Standard — was am Ende ein Pfeil ist, der nichts verspricht.
Eine Basisregel statt einer Klasse an jedem einzelnen Element.
Abgeschaltete Elemente behalten den Pfeil.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01P32KoesVtABd6xWsqMKzhr
---
 frontend/src/app.css | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 0f3baa7..dca4688 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -118,4 +118,30 @@
     body {
         @apply bg-background text-foreground;
     }
+
+    /*
+     * Tailwind 4 nimmt Knöpfen den Zeigefinger und überlässt sie dem
+     * Browser-Standard — was am Ende ein Pfeil ist, der nichts verspricht.
+     * Hier steht er wieder, ein für alle Mal und nicht als Klasse an jedem
+     * einzelnen Element: Was sich anklicken lässt, sieht auch so aus.
+     *
+     * `label[for]` ist mitgemeint, weil versteckte Eingabefelder über ihr
+     * Label bedient werden — etwa das Profilbild in den Einstellungen.
+     */
+    button,
+    summary,
+    label[for],
+    [role='button'],
+    [role='menuitem'],
+    [role='option'],
+    [role='tab'] {
+        cursor: pointer;
+    }
+
+    /* Abgeschaltet heißt abgeschaltet — ein Zeigefinger verspräche dort zu viel. */
+    button:disabled,
+    [aria-disabled='true'],
+    [data-disabled] {
+        cursor: default;
+    }
 }