Fixed overflowing text on mobile view.

This commit is contained in:
Pen Anderson 2026-03-10 17:55:41 -05:00
parent 54da04763f
commit 3ca63f1a1f

View file

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