From 11c6ce5ff51319279975bd3648403a1ca6e01e6b Mon Sep 17 00:00:00 2001
From: xbsheng <xxbsheng@gmail.com>
Date: Tue, 27 Oct 2026 12:41:32 +0800
Subject: [PATCH] fix(web): restore pointer cursor on buttons (#595)

Tailwind v4 dropped the v3 preflight rule that set `cursor: pointer` on
`button, [role="button"]`, so every <button> in the web app fell back to
the UA default. <a> elements (nav links, GitHub icon) were unaffected, which
is why only the locale switcher and dark-mode toggle looked broken in the header.

Restore the rule once in globals.css instead of adding `cursor-pointer` to
each of the 18 buttons. `:not(:disabled)` keeps disabled playback controls
on the default cursor.

Closes #594
---
 web/src/app/globals.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index 2d773a0f..41eb0270 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -43,6 +43,13 @@ body {
   -webkit-tap-highlight-color: transparent;
 }
 
+/* Tailwind v4 dropped the preflight rule that gave buttons a pointer cursor,
+   so every <button> fell back to the UA default. */
+button:not(:disabled),
+[role="button"]:not(:disabled) {
+  cursor: pointer;
+}
+
 /* =====================================================
    PROSE-CUSTOM: Premium documentation rendering
    ===================================================== */