fix[mobile]: correct toast sizing

[peterchinman]

No description provided.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: 931ed26c-7105-4402-b09e-690c9872bfda

📥 Commits

Reviewing files that changed from the base of the PR and between bd26906 and 1e11532.

📒 Files selected for processing (2)

• js/app/packages/core/component/Toast/Toast.tsx
• js/app/packages/core/component/Toast/ToastRegion.tsx

---

📝 Walkthrough

Summary by CodeRabbit

• Style
  • Refined responsive design for toast notifications with adjusted width, padding, and positioning across mobile and desktop screen sizes.

Walkthrough

Updated Tailwind CSS classes across Toast component files to adjust responsive sizing, padding behavior, and container positioning without modifying control flow or component signatures.

Changes

Cohort / File(s)	Summary
Toast Components Toast.tsx, ToastRegion.tsx	Updated Tailwind classes for responsive design. Toast.tsx adjusts ClippedPanel padding responsiveness (sm: prefix scoping). ToastRegion.tsx repositions container bottom offset and applies responsive width/padding constraints to Toast.List instances.

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

Preview: https://peter-mobile-sized-toast-b96z0e.preview.macro.com/app (89ef350)