From c612da637142c894c7c22076e21e586e47f6a61c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=B6rdle=20Bot?= <bot@hoerdle.local>
Date: Sat, 22 Nov 2025 16:51:01 +0100
Subject: [PATCH] Update Daily Puzzles table buttons to match Song Library
 style

---
 app/admin/page.tsx | 45 ++++++++++++++++-----------------------------
 1 file changed, 16 insertions(+), 29 deletions(-)

diff --git a/app/admin/page.tsx b/app/admin/page.tsx
index 42be168..b497b62 100644
--- a/app/admin/page.tsx
+++ b/app/admin/page.tsx
@@ -964,35 +964,22 @@ export default function AdminPage() {
                                     <td style={{ padding: '0.75rem', fontWeight: 'bold' }}>{puzzle.song.title}</td>
                                     <td style={{ padding: '0.75rem' }}>{puzzle.song.artist}</td>
                                     <td style={{ padding: '0.75rem', textAlign: 'center' }}>
-                                        <button
-                                            onClick={() => handlePlayPuzzle(puzzle)}
-                                            style={{
-                                                padding: '0.5rem 1rem',
-                                                marginRight: '0.5rem',
-                                                background: playingPuzzleId === puzzle.id ? '#ef4444' : '#3b82f6',
-                                                color: 'white',
-                                                border: 'none',
-                                                borderRadius: '0.25rem',
-                                                cursor: 'pointer',
-                                                fontSize: '0.875rem'
-                                            }}
-                                        >
-                                            {playingPuzzleId === puzzle.id ? '⏸ Pause' : '▶ Play'}
-                                        </button>
-                                        <button
-                                            onClick={() => handleDeletePuzzle(puzzle.id)}
-                                            style={{
-                                                padding: '0.5rem 1rem',
-                                                background: '#ef4444',
-                                                color: 'white',
-                                                border: 'none',
-                                                borderRadius: '0.25rem',
-                                                cursor: 'pointer',
-                                                fontSize: '0.875rem'
-                                            }}
-                                        >
-                                            🗑️ Delete
-                                        </button>
+                                        <div style={{ display: 'flex', gap: '0.5rem', justifyContent: 'center' }}>
+                                            <button
+                                                onClick={() => handlePlayPuzzle(puzzle)}
+                                                style={{ fontSize: '1.25rem', cursor: 'pointer', border: 'none', background: 'none' }}
+                                                title={playingPuzzleId === puzzle.id ? "Pause" : "Play"}
+                                            >
+                                                {playingPuzzleId === puzzle.id ? '⏸️' : '▶️'}
+                                            </button>
+                                            <button
+                                                onClick={() => handleDeletePuzzle(puzzle.id)}
+                                                style={{ fontSize: '1.25rem', cursor: 'pointer', border: 'none', background: 'none' }}
+                                                title="Delete"
+                                            >
+                                                🗑️
+                                            </button>
+                                        </div>
                                     </td>
                                 </tr>
                             ))}