From 268e12a5ebcc033b9e7fe3001902b70fbc72917d Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Sat, 9 May 2026 20:21:52 -0400
Subject: [PATCH] feat(web): Modal overlay gets p-4 so max-w-md modals fit on
 phone

Without padding, max-w-md (448px) modals touch the viewport edges
on a 375px screen. p-4 on the overlay clamps them inside the safe
area. Covers all routes that use the shared <Modal> component
(discover track-confirm, quarantine typed-DELETE, users
password-reset, etc.).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/src/lib/components/Modal.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/Modal.svelte b/web/src/lib/components/Modal.svelte
index 32257700..0ad19092 100644
--- a/web/src/lib/components/Modal.svelte
+++ b/web/src/lib/components/Modal.svelte
@@ -39,7 +39,7 @@
 <svelte:window onkeydown={onKeyDown} />
 
 {#if open}
-  <div class="fixed inset-0 z-50 flex items-center justify-center" role="presentation">
+  <div class="fixed inset-0 z-50 flex items-center justify-center p-4" role="presentation">
     <!-- svelte-ignore a11y_click_events_have_key_events -->
     <!-- svelte-ignore a11y_no_static_element_interactions -->
     <!-- Backdrop click closes modal; ESC handled at window level above. -->