From 585bb5549fb7a3760520691b199fe54464673688 Mon Sep 17 00:00:00 2001
From: Owen <owenrees.dev@gmail.com>
Date: Thu, 4 Jun 2026 22:47:53 +0200
Subject: [PATCH] change layout of clear button and other chessboard related
 bottom buttons

---
 TODO                     |  1 -
 src/pages/Chessboard.tsx | 10 +++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/TODO b/TODO
index e18f2fa..fc1974a 100644
--- a/TODO
+++ b/TODO
@@ -1,7 +1,6 @@
 - og / json-sd
 - Lichess login
 - logger
-- contact form
 - bring sections headers on all pages other than home page further up (reduce top margin / padding)
 - set game current position on game load to ply 0 and whatever the FEN is (starting position probably, but could be custom position)
 - privacy policy - have no access to anything you generate, only keep a count of success/failed pdf generations with timestamp and error message
diff --git a/src/pages/Chessboard.tsx b/src/pages/Chessboard.tsx
index 11ea223..ffa0c75 100644
--- a/src/pages/Chessboard.tsx
+++ b/src/pages/Chessboard.tsx
@@ -53,15 +53,15 @@ const Chessboard = () => {
 							gamePgn={gameState.pgn || ""}
 							handlePlyChange={handlePlyChange}
 						/>
-						<div className="grid grid-cols-3 gap-2 max-w-150 mt-2">
+						<div className="grid grid-cols-12 gap-4 max-w-150 mt-2">
 							<button
-								className="btn btn-primary"
+								className="btn btn-primary col-span-5 flex items-center justify-center"
 								type="button"
 								onClick={handleClearGame}
 							>
-								Clear Game
+								<p className="text-sm font-semibold">Clear Game</p>
 							</button>
-							<div className="flex gap-2 items-center">
+							<div className="flex gap-1 items-center col-span-3">
 								<label
 									htmlFor="diagram-add"
 									className="text-sm text-(--base-content)"
@@ -80,7 +80,7 @@ const Chessboard = () => {
 								/>
 							</div>
 
-							<label className="toggle text-sm text-(--base-content)">
+							<label className="toggle text-sm text-(--base-content) col-span-4">
 								Render move times
 								<input
 									id="render-times"