From cb5bc120dc1159e55734cc16370b07b37e8b4829 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Sun, 17 May 2026 22:00:34 +0200
Subject: [PATCH] fix(web): restore button cursor: pointer affordance under
 Tailwind v4

Tailwind v4 dropped the default cursor: pointer on <button>, so most
interactive controls (bulk sidebar, star/color pickers, summary
disclosures) had no hover affordance. Add a global base rule covering
button / [role=button] / summary, plus cursor: not-allowed for disabled
states to mirror the existing opacity-50 styling.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/src/app.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/web/src/app.css b/web/src/app.css
index 1b5fedc..8715d22 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -84,4 +84,20 @@
 		background-color: hsl(var(--background));
 		color: hsl(var(--foreground));
 	}
+
+	/*
+	 * Tailwind v4 dropped the built-in `cursor: pointer` on buttons; restore
+	 * it so every <button>, <summary>, and role="button" gets the click
+	 * affordance. Disabled controls get `not-allowed` so the cursor mirrors
+	 * the visual opacity-50 state already on most buttons.
+	 */
+	button:not(:disabled),
+	[role='button']:not([aria-disabled='true']),
+	summary {
+		cursor: pointer;
+	}
+	button:disabled,
+	[role='button'][aria-disabled='true'] {
+		cursor: not-allowed;
+	}
 }