From 5e293b706248832cab38bcf003960fb0558c0017 Mon Sep 17 00:00:00 2001
From: Jesudas Joseph <jesudasmjoseph@gmail.com>
Date: Sun, 8 Mar 2026 23:20:06 -0700
Subject: [PATCH 1/2] Add simple host instructions.

---
 .../event/[id=eventID]/components/registration.svelte    | 9 +++++++--
 src/routes/event/[id=eventID]/components/voting.svelte   | 9 +++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/routes/event/[id=eventID]/components/registration.svelte b/src/routes/event/[id=eventID]/components/registration.svelte
index 3aeec73..106c5a5 100644
--- a/src/routes/event/[id=eventID]/components/registration.svelte
+++ b/src/routes/event/[id=eventID]/components/registration.svelte
@@ -3,7 +3,7 @@
 	import { EventsAPI, type BallotResponseData, type EventResponseData } from '$lib/api/events';
 	import { getStorageContext } from '$lib/storage/storage';
 	import QRCode from '@castlenine/svelte-qrcode';
-	import { Button, Heading } from 'flowbite-svelte';
+	import { Button, Heading, P } from 'flowbite-svelte';
 	import { ClipboardCheckOutline, ClipboardCleanOutline } from 'flowbite-svelte-icons';
 
 	const {
@@ -42,7 +42,12 @@
 </script>
 
 <div>
-	<Heading tag="h2" class="mb-2">Registration ({event.name})</Heading>
+	<Heading tag="h2" class="mb-8">Registration ({event.name})</Heading>
+
+	<P>
+		Share the QR-code with voters to get them registered to vote. When atleast 2 voters have to be
+		registered to continue. If you continue users will no longer be able to register.
+	</P>
 
 	<Button
 		onclick={onCopyClick}
diff --git a/src/routes/event/[id=eventID]/components/voting.svelte b/src/routes/event/[id=eventID]/components/voting.svelte
index d57cd22..dcc4555 100644
--- a/src/routes/event/[id=eventID]/components/voting.svelte
+++ b/src/routes/event/[id=eventID]/components/voting.svelte
@@ -26,14 +26,19 @@
 
 <Heading tag="h2">Voting ({event.name})</Heading>
 
+<P>
+	Once all voters have submitted their ballots you can close the voting. This will calculate the
+	results and prevent voters from submitting any more votes.
+</P>
+
 {#if unsubmittedBallots !== undefined && submittedBallots !== undefined}
-	<Heading tag="h3" class="my-2 text-center">Active ({unsubmittedBallots.length})</Heading>
+	<Heading tag="h3" class="my-2 text-center">Active Ballots ({unsubmittedBallots.length})</Heading>
 	<ul class="text-center">
 		{#each unsubmittedBallots as ballot (ballot.id)}
 			<li>{ballot.voter_name}</li>
 		{/each}
 	</ul>
-	<Heading tag="h3" class="my-2 text-center">Submitted ({submittedBallots.length})</Heading>
+	<Heading tag="h3" class="my-2 text-center">Submitted Ballots ({submittedBallots.length})</Heading>
 	<ul class="text-center">
 		{#each submittedBallots as ballot (ballot.id)}
 			<li>{ballot.voter_name}</li>

From c9f46790d8429e78f1c33015a794af5b99eb03e9 Mon Sep 17 00:00:00 2001
From: Jesudas Joseph <jesudasmjoseph@gmail.com>
Date: Sun, 8 Mar 2026 23:24:10 -0700
Subject: [PATCH 2/2] Fix instruction styles

---
 .../event/[id=eventID]/components/registration.svelte      | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/event/[id=eventID]/components/registration.svelte b/src/routes/event/[id=eventID]/components/registration.svelte
index 106c5a5..51c5835 100644
--- a/src/routes/event/[id=eventID]/components/registration.svelte
+++ b/src/routes/event/[id=eventID]/components/registration.svelte
@@ -44,9 +44,10 @@
 <div>
 	<Heading tag="h2" class="mb-8">Registration ({event.name})</Heading>
 
-	<P>
-		Share the QR-code with voters to get them registered to vote. When atleast 2 voters have to be
-		registered to continue. If you continue users will no longer be able to register.
+	<P class="mb-4">
+		Share the QR-code with voters to allow them to register. Atleast 2 voters have to be registered
+		to <i>begin voting</i>.
+		<b>If you <i>begin voting</i>, users will no longer be able to register.</b>
 	</P>
 
 	<Button