From f1dc3221624d0862620609225d27b81ea05f57a5 Mon Sep 17 00:00:00 2001
From: dylan <>
Date: Sun, 31 Mar 2024 19:48:23 -0700
Subject: [PATCH] small update

---
 src/client/GamePage.tsx | 33 +++++++++++++++++++++++----------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/client/GamePage.tsx b/src/client/GamePage.tsx
index 51de8ec..5fe237f 100644
--- a/src/client/GamePage.tsx
+++ b/src/client/GamePage.tsx
@@ -49,16 +49,29 @@ export const GamePage = () => {
 		<div className={css`
 			min-height: 100vh;
 		`}>
-			<h1>{info.release.manifest.title ?? slug!.split("-").map(word => word[0].toUpperCase()+word.slice(1)).join(" ")}</h1>
-			<Pico8Console carts={info.release.carts} />
-			<div>By: {info.release.author}</div>
-			<select defaultValue={info.release.version}>
-				{
-					info.versions.map(v => (
-						<option key={v} value={v}>{v}</option>
-					))
-				}
-			</select>
+			<div className={css`
+				margin: auto;
+			`}>
+				<h1>{info.release.manifest.title ?? slug!.split("-").map(word => word[0].toUpperCase()+word.slice(1)).join(" ")}</h1>
+				<h2>By: {info.release.author}</h2>
+				<div className={css`
+					max-width: 512px;
+				`}>
+					<Pico8Console carts={info.release.carts} />
+				</div>
+				<div className={css`
+					display: flex;
+					justify-content: end;
+				`}>
+					Version: <select defaultValue={info.release.version}>
+						{
+							info.versions.map(v => (
+								<option key={v} value={v}>{v}</option>
+							))
+						}
+					</select>
+				</div>
+			</div>
 		</div>
 	)
 }
\ No newline at end of file