src/routes/registration/+page.svelte

@@ -55,13 +55,14 @@
 			class="mt-7 bg-white border border-gray-200 rounded-xl shadow-sm dark:bg-gray-800 dark:border-gray-700"
 		>
 			<div class="p-4 sm:p-7">
-				<div class="mt-5">
-					<!-- Form -->
-					{#if !showResult}
 				<div class="text-center">
 					<h1 class="block text-2xl font-bold text-gray-800 dark:text-white">Registrierung</h1>
 					<p class="mt-2 text-sm text-gray-600 dark:text-gray-400">Melde dich für den LfK an</p>
 				</div>
+
+				<div class="mt-5">
+					<!-- Form -->
+					{#if !showResult}
 						<form on:submit|preventDefault={register}>
 							<div class="grid gap-y-4">
 								<!-- Form Group -->
@@ -184,17 +185,18 @@
 						</form>
 						<!-- End Form -->
 					{:else}
-						<div class="mb-2 text-center">
-							<h3 class="text-2xl font-semibold dark:text-white">
-								{response.firstname}
-								{response.lastname}
-							</h3>
+						<div class="mb-2">
+							<h3 class="text-xl font-semibold text-center dark:text-white">Läuferdaten</h3>
+							<p class="text-lg dark:text-white">ID: {response.id}</p>
+							<p class="text-lg dark:text-white">Vorname: {response.firstname}</p>
+							<p class="text-lg dark:text-white">Nachname: {response.lastname}</p>
 						</div>
 
 						<div class="mb-2 text-center">
+							<h3 class="text-xl font-semibold dark:text-white">Läufercode</h3>
 							<img
 								class="w-full md:w-auto mb-2 mx-auto bg-white p-4"
-								alt="runner id"
+								alt="Runnerid"
 								src={textToBase64Barcode(response.id.toString(), false)}
 							/>
 						</div>