src/routes/private/scanner/TicketDisplay.svelte

@@ -20,8 +20,9 @@
 			<p>Waiting for data...</p>
 		</div>
 	{:else if scan_state === ScanState.scan_failed}
-		<div class="rounded border-l-4 border-green-500 bg-green-100 p-4 text-green-700">
-			<p>Scan failed. Please try again.</p>
+		<div class="rounded border-l-4 border-red-500 bg-red-100 p-4 text-red-700">
+			<p><strong>Scan failed!</strong></p>
+			<p>This is either not a valid ticket or this ticket has been purchased from a different section.</p>
 		</div>
 	{:else if scan_state === ScanState.scan_successful}
 		{#if ticket_data.scanned}
@@ -33,14 +34,14 @@
 				</p>
 				<hr class="my-2 border-t border-red-300" />
 				<ol>
-					<li>{ticket_data.event.name}</li>
+					<li><strong>{ticket_data.event.name}</strong></li>
 					<li>{ticket_data.name} {ticket_data.surname}</li>
 				</ol>
 			</div>
 		{:else}
 			<div class="rounded border-l-4 border-green-500 bg-green-100 p-4 text-green-700">
 				<ol>
-					<li>{ticket_data.event.name}</li>
+					<li><strong>{ticket_data.event.name}</strong></li>
 					<li>{ticket_data.name} {ticket_data.surname}</li>
 				</ol>
 			</div>