From 30f441a956ef32a1ecaee8d97d57b7aaf4f075e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20Kr=C4=8Dek?= <roman.krcek@tietoevry.com>
Date: Mon, 14 Jul 2025 22:27:00 +0200
Subject: [PATCH] Styling and minor changes

---
 .../events/event/view/components/EmailTemplate.svelte       | 6 +++---
 .../events/event/view/components/ParticipantsTable.svelte   | 4 ++--
 src/routes/private/scanner/TicketDisplay.svelte             | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/routes/private/events/event/view/components/EmailTemplate.svelte b/src/routes/private/events/event/view/components/EmailTemplate.svelte
index e29f2ae..63d1218 100644
--- a/src/routes/private/events/event/view/components/EmailTemplate.svelte
+++ b/src/routes/private/events/event/view/components/EmailTemplate.svelte
@@ -81,7 +81,7 @@
         </button>
           <button 
             onclick={toggleEdit}
-            class="rounded bg-gray-300 px-4 py-2 text-gray-700 transition hover:bg-gray-400 disabled:cursor-not-allowed disabled:opacity-50"
+            class="rounded border border-gray-300 bg-white px-4 py-2 text-gray-700 transition hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50"
             disabled={updatingEmail}
             aria-label="Cancel editing"
           >
@@ -123,7 +123,7 @@
           type="text"
           bind:value={emailSubject}
           disabled={!isEditing || updatingEmail}
-          class="w-full px-3 py-2 border border-gray-300 rounded-lg {!isEditing ? 'bg-gray-50 cursor-default' : ''} focus:ring-blue-500 focus:border-blue-500 disabled:bg-gray-50"
+          class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-blue-500 disabled:cursor-default disabled:bg-gray-100"
         />
       </div>
       
@@ -134,7 +134,7 @@
           bind:value={emailBody}
           rows="6"
           disabled={!isEditing || updatingEmail}
-          class="w-full px-3 py-2 border border-gray-300 rounded-lg {!isEditing ? 'bg-gray-50 cursor-default' : ''} focus:ring-blue-500 focus:border-blue-500 disabled:bg-gray-50"
+          class="w-full rounded-lg border border-gray-300 px-3 py-2 focus:border-blue-500 focus:ring-blue-500 disabled:cursor-default disabled:bg-gray-100"
         ></textarea>
         {#if isEditing}
           <div class="mt-2 text-xs text-gray-500">
diff --git a/src/routes/private/events/event/view/components/ParticipantsTable.svelte b/src/routes/private/events/event/view/components/ParticipantsTable.svelte
index 7acb662..63f8e80 100644
--- a/src/routes/private/events/event/view/components/ParticipantsTable.svelte
+++ b/src/routes/private/events/event/view/components/ParticipantsTable.svelte
@@ -35,7 +35,7 @@
   function handleSyncParticipants() {
     
     // Show initial notification about sync starting
-    toast.info('Starting participant synchronization...', 2000);
+    toast.info('Starting participant synchronization...', 5000);
     
     // Call the parent component's sync function
     onSyncParticipants();
@@ -46,7 +46,7 @@
   <div class="mb-4 flex items-center justify-between">
     <h2 class="text-xl font-semibold text-gray-900">Participants</h2>
     <button
-      onclick={onSyncParticipants}
+      onclick={handleSyncParticipants}
       disabled={syncingParticipants || !event || loading}
       class="rounded bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-50"
     >
diff --git a/src/routes/private/scanner/TicketDisplay.svelte b/src/routes/private/scanner/TicketDisplay.svelte
index 0b6f444..7750071 100644
--- a/src/routes/private/scanner/TicketDisplay.svelte
+++ b/src/routes/private/scanner/TicketDisplay.svelte
@@ -47,7 +47,7 @@
 				</div>
 				<p class="text-amber-700 mb-2">This ticket belongs to a different event:</p>
 				<div class="bg-white rounded p-3 border border-amber-200 mt-auto">
-					<p class="font-medium">{ticket_data.event?.name || ''}</p>
+					<p class="font-bold">{ticket_data.event?.name || ''}</p>
 					<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
 				</div>
 			</div>
@@ -64,7 +64,7 @@
 					{ticket_data.scanned_at ? `on ${formatScannedAt(ticket_data.scanned_at)}` : ''}
 				</p>
 				<div class="bg-white rounded p-3 border border-amber-200 mt-auto">
-					<p class="font-medium">{ticket_data.event?.name || ''}</p>
+					<p class="font-bold">{ticket_data.event?.name || ''}</p>
 					<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
 				</div>
 			</div>
@@ -78,7 +78,7 @@
 				</div>
 				<p class="text-green-700">Ticket successfully validated.</p>
 				<div class="bg-white rounded p-3 border border-green-200 mt-auto">
-					<p class="font-medium">{ticket_data.event?.name || ''}</p>
+					<p class="font-bold">{ticket_data.event?.name || ''}</p>
 					<p>{ticket_data.name || ''} {ticket_data.surname || ''}</p>
 				</div>
 			</div>