From 9e09401cb3278a83fc80512f789a3b25418a53da Mon Sep 17 00:00:00 2001
From: Evan Jarrett <evan@evanjarrett.com>
Date: Wed, 22 Apr 2026 20:28:55 -0500
Subject: [PATCH] fix play/pause button on carousel

---
 pkg/appview/src/css/main.css    | 6 ++++++
 pkg/hold/admin/src/css/main.css | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/pkg/appview/src/css/main.css b/pkg/appview/src/css/main.css
index 24f85af..f280886 100644
--- a/pkg/appview/src/css/main.css
+++ b/pkg/appview/src/css/main.css
@@ -322,6 +322,12 @@
     vertical-align: -0.125em;
 }
 
+/* .icon sets display:inline-block with the same specificity as Tailwind's
+   .hidden — source order would otherwise leave hidden icons visible. */
+.icon.hidden {
+    display: none;
+}
+
 /* Icon sizes (matching Tailwind size-* utilities) */
 .icon.size-3 { width: 0.75rem; height: 0.75rem; }
 .icon.size-4 { width: 1rem; height: 1rem; }
diff --git a/pkg/hold/admin/src/css/main.css b/pkg/hold/admin/src/css/main.css
index c1b6353..5375a3c 100644
--- a/pkg/hold/admin/src/css/main.css
+++ b/pkg/hold/admin/src/css/main.css
@@ -192,6 +192,12 @@
     vertical-align: -0.125em;
 }
 
+/* .icon sets display:inline-block with the same specificity as Tailwind's
+   .hidden — source order would otherwise leave hidden icons visible. */
+.icon.hidden {
+    display: none;
+}
+
 /* Icon sizes (matching Tailwind size-* utilities) */
 .icon.size-3 { width: 0.75rem; height: 0.75rem; }
 .icon.size-4 { width: 1rem; height: 1rem; }