From 23b079907f6d42730699a082f27064915a894d0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20Kr=C4=8Dek?= <roman.krcek@tietoevry.com>
Date: Sun, 22 Jun 2025 16:16:39 +0200
Subject: [PATCH] styling for ticket display

---
 src/routes/private/scanner/TicketDisplay.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/routes/private/scanner/TicketDisplay.svelte b/src/routes/private/scanner/TicketDisplay.svelte
index ca5a730..eddcb9c 100644
--- a/src/routes/private/scanner/TicketDisplay.svelte
+++ b/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>