diff --git a/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx b/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx index d4707823..cc85c049 100644 --- a/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx +++ b/artifacts/tx-os/src/components/executive-meetings/upcoming-meeting-alert.tsx @@ -1785,7 +1785,15 @@ function PostponeDialog({ className="w-full" /> -
+ {/* #606: iOS Safari renders with its + own internal "pill" that sits centered inside the + field. With `gap-3` and `bg-transparent` the two + pills visually touched in the middle of the row on + iPad, making Start + End look like one overlapping + control. Larger gap + explicit white background + + thicker border + min-h gives each iOS pill its own + clearly-bounded box so the two never collide. */} +
@@ -1809,7 +1817,7 @@ function PostponeDialog({ onChange={(e) => setResEnd(e.target.value)} disabled={busy !== null} data-testid="reschedule-end" - className="w-full" + className="w-full min-h-11 bg-background border-2" />