From 82ccb0f6fb2b826c05eb44038c523894b8348bb5 Mon Sep 17 00:00:00 2001
From: Gavin McDonald <gavinmcdoh@gmail.com>
Date: Sat, 3 May 2025 16:28:02 -0400
Subject: [PATCH] embiggen the spectator link

---
 app/[gameID]/page.tsx     | 3 ++-
 components/CopyButton.tsx | 6 ++++--
 components/Notes.tsx      | 2 +-
 components/Settings.tsx   | 2 +-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/[gameID]/page.tsx b/app/[gameID]/page.tsx
index 27ea591..4710db2 100644
--- a/app/[gameID]/page.tsx
+++ b/app/[gameID]/page.tsx
@@ -96,7 +96,8 @@ export default function GamePage() {
 					copy={`${location.origin}/${gameData.spectatorID}`}
 					tooltip={`Spectator link: ${location.origin}/${gameData.spectatorID}`}
 					Icon={Eye}
-					className={`fixed top-4 left-4 p-2 z-25 transition-all duration-250 text-yellow-400 hover:text-yellow-300 cursor-pointer`}
+					className={`fixed top-3 left-3 p-2 z-25 transition-all duration-250 text-yellow-400 hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] cursor-pointer`}
+					size={24}
 				/>
 			)}
 
diff --git a/components/CopyButton.tsx b/components/CopyButton.tsx
index ec8b679..6959617 100644
--- a/components/CopyButton.tsx
+++ b/components/CopyButton.tsx
@@ -11,6 +11,7 @@ type CopyButtonProps = {
 	Icon?: ForwardRefExoticComponent<Omit<LucideProps, 'ref'> & RefAttributes<SVGSVGElement>>;
 	tooltip?: string | string[];
 	className?: string;
+	size?: number;
 };
 
 export default function CopyButton({
@@ -19,6 +20,7 @@ export default function CopyButton({
 	Icon = CopyIcon,
 	tooltip = ['Copy', 'Copied'],
 	className,
+	size = 16,
 }: CopyButtonProps) {
 	const [copied, setCopied] = useState(false);
 
@@ -44,9 +46,9 @@ export default function CopyButton({
 				<div className="flex items-center gap-2 w-full text-sm font-medium">
 					{title}
 					{copied ? (
-						<CheckIcon className="ml-auto" size={16} />
+						<CheckIcon className="ml-auto" size={size} />
 					) : (
-						<Icon className="ml-auto" size={16} />
+						<Icon className="ml-auto" size={size} />
 					)}
 				</div>
 			</ToolTip>
diff --git a/components/Notes.tsx b/components/Notes.tsx
index 36f44c5..d27b159 100644
--- a/components/Notes.tsx
+++ b/components/Notes.tsx
@@ -42,7 +42,7 @@ export default function Notes({ gameData: { dmID, cards, settings }, show }: Not
 			className={`fixed bottom-4 right-4 z-25 transition-all duration-250 ${show ? 'pointer-events-auto opacity-100' : 'pointer-events-none opacity-0'}`}
 		>
 			<button
-				className={`text-yellow-400 hover:text-yellow-300 p-2 transition-all duration-250 cursor-pointer ${showNotes ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`}
+				className={`text-yellow-400 hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] p-2 transition-all duration-250 cursor-pointer ${showNotes ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`}
 				onClick={() => setOpen((prev) => !prev)}
 			>
 				<ScrollText className="w-5 h-5" />
diff --git a/components/Settings.tsx b/components/Settings.tsx
index b9cbe65..4d80e4b 100644
--- a/components/Settings.tsx
+++ b/components/Settings.tsx
@@ -123,7 +123,7 @@ export default function Settings({ gameData, changeAction }: SettingsProps) {
 				</div>
 			</Scrim>
 			<button
-				className={`p-2 transition-all duration-250 text-yellow-400 hover:text-yellow-300 cursor-pointer ${open ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`}
+				className={`p-2 transition-all duration-250 text-yellow-400 hover:text-yellow-300 hover:drop-shadow-[0_0_3px_#ffd700] cursor-pointer ${open ? 'pointer-events-none opacity-0' : 'pointer-events-auto opacity-100'}`}
 				onClick={() => setOpen((prev) => !prev)}
 			>
 				<Gear className="w-5 h-5" />