From 3de24042be4c726f249674ab25cea59cd83e57cc Mon Sep 17 00:00:00 2001
From: Aviva Ruben <aviva@rubenfamily.com>
Date: Sat, 24 Jan 2026 23:36:15 -0800
Subject: [PATCH] fix appearing clickable deck name

---
 src/components/deck/DeckHeader.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/deck/DeckHeader.tsx b/src/components/deck/DeckHeader.tsx
index 3c91eb3..b1d17ac 100644
--- a/src/components/deck/DeckHeader.tsx
+++ b/src/components/deck/DeckHeader.tsx
@@ -58,13 +58,15 @@ export function DeckHeader({
 					/>
 				) : (
 					<h1
-						className="text-4xl font-bold text-gray-900 dark:text-white cursor-pointer hover:text-cyan-600 dark:hover:text-cyan-400 transition-colors font-display"
+						className={`text-4xl font-bold text-gray-900 dark:text-white font-display ${!readOnly ? "cursor-pointer hover:text-cyan-600 dark:hover:text-cyan-400 transition-colors" : ""}`}
 						onClick={handleNameClick}
 						onKeyDown={(e) => {
 							if (e.key === "Enter" || e.key === " ") {
 								handleNameClick();
 							}
 						}}
+						tabIndex={!readOnly ? 0 : undefined}
+						role={!readOnly ? "button" : undefined}
 					>
 						{name}
 					</h1>
-- 
2.51.2