From f079816b46ab281e4a8b50851675c65e67f23c69 Mon Sep 17 00:00:00 2001
From: waltem01 <simon.waltemathe@ptb.de>
Date: Tue, 26 Mar 2024 14:10:50 +0100
Subject: [PATCH] better nav-page design for consistancy

---
 Webserver/src/routes/+page.svelte | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/Webserver/src/routes/+page.svelte b/Webserver/src/routes/+page.svelte
index 145a523..f4be9c2 100644
--- a/Webserver/src/routes/+page.svelte
+++ b/Webserver/src/routes/+page.svelte
@@ -1,10 +1,21 @@
-<h1 class="font-bold text-2xl">Did you mean:</h1>
-<h2 class="font-bold text-xl">
-	<a class="underline text-blue-600" href="/admin">Control Panel</a>
-</h2>
-<h2 class="font-bold text-xl">
-	<a class="underline text-blue-600" href="/image">Image Upload</a>
-</h2>
-<h2 class="font-bold text-xl">
-	<a class="underline text-blue-600" href="/clock">Clock Display</a>
-</h2>
+<h1 class="text-4xl font-bold m-5 text-center">Did you mean?</h1>
+<div class="grid grid-rows-5 m-1 text-center">
+	<h2 class="grid grid-cols-1 font-bold text-xl">
+		<a
+			class="border-2 border-black border-b-0 underline text-blue-600 hover:bg-gray-200 cursor-pointer"
+			href="/admin">Control Panel</a
+		>
+	</h2>
+	<h2 class="grid grid-cols-1 font-bold text-xl">
+		<a
+			class="border-2 border-black border-b-0 underline text-blue-600 hover:bg-gray-200 cursor-pointer"
+			href="/image">Image Upload</a
+		>
+	</h2>
+	<h2 class="grid grid-cols-1 font-bold text-xl">
+		<a
+			class="border-2 border-black underline text-blue-600 hover:bg-gray-200 cursor-pointer"
+			href="/clock">Clock Display</a
+		>
+	</h2>
+</div>