some changed

src/routes/event/[eventId]/+page.svelte

@@ -62,9 +62,11 @@
 	{@const event = eventData[0]}
 	<div class="flex justify-center">
 		<div class="w-full flex-col px-[5vw] text-center">
-			{console.log(event)}
-			<div class="align-text-middle h-10 w-full bg-red-500">{event.name} - {event.division}</div>
-			div
+			<div
+				class="align-text-middle my-7 h-10 w-full rounded-2xl border-2 border-solid border-ctp-surface1"
+			>
+				{event.name} - {event.division}
+			</div>
 			{#each event.registeredPlayers as bracket, bi}
 				{#if bi > 0}
 					<div class="bracket-sep" aria-hidden="true"></div>
@@ -75,7 +77,7 @@
 						<div class="bracket-vertical-sep"></div>
 					</div>
 					{#each bracket.items as player}
-						<div class="player-box" style="--c:{player.teamColor}">
+						<div class="player-box h-30" style="--c:{player.teamColor}">
 							<div class="player-ghost" aria-hidden="true">
 								<svg viewBox="0 0.1 100 0.6" preserveAspectRatio="none" class="ghost-svg">
 									<text
@@ -90,7 +92,7 @@
 								</svg>
 							</div>
 							<div class="player-name-wrap" use:marquee>
-								<span class="marquee-inner">
+								<span class=" text-xl">
 									{player.firstName}
 									{player.lastName}
 								</span>
@@ -106,4 +108,10 @@
 			{/each}
 		</div>
 	</div>
+	<div class="mt-10 flex w-full justify-center">
+		<a
+			class="flex justify-center rounded border-2 border-solid border-white bg-ctp-surface2 p-4"
+			href="/event/scoring/{eventId}">Score This Event</a
+		>
+	</div>
 {/await}