Add flex-wrap to buttons in All Directions story

[llastflowers]

Addresses https://github.com/github/accessibility-audits/issues/14982

Changelog

New

Added flex-wrap to buttons in All Directions Tooltip story to eliminate the need for horizontal scrolling on very small viewports (320x256)

Before:

After:

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None (Storybook only)

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github-ui (Learn more about how to run integration tests)

[changeset-bot]

⚠️ No Changeset found

Latest commit: ea475f9

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Copilot]

Pull request overview

This PR improves the accessibility and usability of the TooltipV2 Storybook feature stories at small viewport sizes (e.g. 320×256) by allowing the button rows to wrap instead of requiring horizontal scrolling.

Changes:

• Added flex-wrap: wrap to .AllDirectionsRow and .ActionMenuRow CSS classes so buttons reflow to multiple rows on narrow viewports.

[liuliu-dev]

the issue has a “Note” calling out the same scrolling on other stories, should we fix them too? 👀

[liuliu-dev]

Looks great, thanks for fixing! ❤️