From 3ca63f1a1f9042b5372c7db4b5ccd431c0a4ef05 Mon Sep 17 00:00:00 2001
From: Pen Anderson <pen@pentacle.games>
Date: Tue, 10 Mar 2026 17:55:41 -0500
Subject: [PATCH] Fixed overflowing text on mobile view.

---
 frontend/src/pages/Settings.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Settings.svelte b/frontend/src/pages/Settings.svelte
index bc87738..af6792d 100644
--- a/frontend/src/pages/Settings.svelte
+++ b/frontend/src/pages/Settings.svelte
@@ -294,9 +294,9 @@
         <label for="s-note-label">Note Field Label</label>
         <input id="s-note-label" bind:value={noteLabel} placeholder="Additional note" />
       </div>
-      <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;cursor:pointer">
-        <input type="checkbox" bind:checked={noteRequired} />
-        Note field is required
+      <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;cursor:pointer;max-width:100%">
+        <input type="checkbox" style="flex-shrink:0" bind:checked={noteRequired} />
+        <span>Note field is required</span>
       </label>
       <p class="text-muted" style="font-size:0.78rem;margin-top:0.75rem">
         Signup form: <a href="/volunteer-signup" target="_blank" style="color:var(--c-accent)">/volunteer-signup</a>