Page title layout losing next/prev when small

[camd]

Issue summary

This was found when bug-hunting in the new Webified / React version of the Settings > Notifications > Template Editor of the Admin. You must enable internal routes to see this, because the feature is not yet released.

When resizing the notification template "edit" screen, the template title wraps under the "Back" button while the other "Save" and "Preview" buttons stay in line with the back button

Expected behavior

There should still be next/prev buttons somewhere. It also appears that once the secondary actions is an ellipse, the title text could be shown between the buttons.

Actual behavior

Video

Steps to reproduce the problem

1. Settings > Notifications
2. Click into a template
3. Make the browser window small

Reduced test case

I created a Sandbox, but it doesn't really layout the same way the page does, even when the page is full-size. So not sure it's valuable. But here it is anyway: Sandbox

Specifications

• Are you using the React components? (Yes):
• Polaris version number:
• Browser: Chrome
• Device: Desktop
• Operating System: Mac M1

Or run npx envinfo --system --binaries --browsers --npmPackages react,react-dom,@shopify/polaris to provide specifications on your environment including version numbers, browser, device, and operating system.

Paste the results here:

 @shopify/polaris: 7.6.0 => 7.6.0
    react: ~17.0.2 => 17.0.2
    react-dom: ~17.0.2 => 17.0.2