fixup: Dialog overflows a phone-width viewport (mara)

No sitewide box-sizing: border-box reset exists, so .ui-dialog's
padding + border were adding on top of width: 90vw instead of being
carved out of it -- 401px rendered against a 390px viewport, real
horizontal overflow. Caught via a real 390x844 screenshot per mara's
"phone size?" ask on the PR, not assumed.
This commit is contained in:
iris 2026-08-24 00:44:16 +02:00
commit f1ab7cd43d

View file

@ -3,6 +3,12 @@
column below its existing 16em-per-column threshold see
CreateAgentForm.css so this doesn't need to special-case that). */
.ui-dialog {
/* No sitewide `box-sizing: border-box` reset exists without this,
the padding + border below add ON TOP of `width: 90vw` rather than
being carved out of it, overflowing a real phone-width viewport
(measured: 401px rendered against a 390px viewport). Caught via a
real screenshot at 390px, not assumed. */
box-sizing: border-box;
position: relative;
width: 90vw;
max-width: 44em;