DATASHARE-158 Government Usage Mobile Responsive Behavior

[amattu2]

Overview

This PR fixes the missing mobile responsive behavior for the government usage banner that was lost during the MUI->tailwind migration.

Change Details (Specifics)

• Fine-tune the dialog width to scale with the browser size
• Adjust padding on the bulletpoints so the text line-breaks match CCDI Hub

Related Ticket(s)

DATASHARE-158

[Copilot]

Pull request overview

Improves the Government Usage “OverlayWindow” modal layout to behave better on smaller viewports by constraining width/height and enabling internal scrolling while preserving the existing dialog structure.

Changes:

• Add outer padding and convert the modal container to w-full with a max-w constraint for better mobile responsiveness.
• Constrain modal height with max-h and prevent content overflow by moving scrolling into the body area (flex-1 min-h-0 overflow-auto).
• Update the Vitest snapshot to reflect the new class names.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
src/components/OverlayWindow/index.tsx	Adjusts modal sizing/overflow styles for improved mobile responsiveness.
src/components/OverlayWindow/__snapshots__/index.test.tsx.snap	Updates snapshot output to match the updated modal markup/classes.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.