Adjust sizing of page header links on mobile viewports

[joedolson]

In #41986, the styling of the page title actions was adjusted to match the global button style. However, this styling was not also applied to the mobile viewport, and the mobile version does not match; it has excessive height, in particular.

This will require change the padding to 0 14px, adding min-height of 40px, lilne-height of 2.71428571, and vertical-align middle in the mobile viewport.

Attributing this to 6.4, as that's the point where it should have been adjusted, though the styles themselves are considerably older.

Trac ticket: https://core.trac.wordpress.org/ticket/63831

[joedolson]

Before

[joedolson]

After

[joedolson]

I reversed the labels on those images. The first is after, the second is before.

Before	After

[rollybueno]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/9495

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.29
• Server: nginx/1.29.0
• Database: mysqli (Server: 8.4.6 / Client: mysqlnd 8.2.29)
• Browser: Chrome 139.0.0.0 (tested using Chrome emulator)
• OS: Linux
• Theme: Twenty Twenty-Five 1.3
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Issue resolved with patch.
2. No errors or regressions encountered during testing.

Additional Notes

• Patch applies cleanly against trunk.
• No console or PHP warnings observed.
• ⚠️ Tested using Chrome emulator. Results should be validated on real devices for accuracy.

Supplemental Artifacts

Before:

After:

Test Report - ✅
---

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/9495
​Test this pull request with WordPress Playground.

Environment
--

• WordPress: WordPress 6.9-alpha-20250815.203032
• PHP: 7.4.31-dev (Supports 64bit values)

• Database: mysqli (Server: 8.4.6 / Client: mysqlnd 8.2.29)
• Browser: Chrome 139.0.7258.139 (Official Build) (arm64) (tested using Chrome emulator)
• OS: Linux
• Theme: Twenty Twenty-Five 1.3

Test Report

This report validates that the indicated patch addresses the issue.

Patch tested: ​pull/9495

Environment

• OS: macOS 15.6
• Web Server: Playground
• PHP: 7.4.29
• WordPress: 6.8.2
• Browser: Chrome (latest)
• Theme: Twenty twenty-five
• Active Plugins: none

Actual Results

• ✅ Issue resolved with patch.

Additional Notes

• This looks good.

Supplemental Artifacts

Before (pre-patch) tested via local on 6.8.2 and PHP 7.4.

Playground link (with patch)

[joedolson]

In 60705:

Administration: Fix sizing of page header links on mobile.

Page title actions were modified to match the global button styles in #41986, but these styles were not applied to mobile viewports at the time.

Fix padding, height, line-height, and alignment to match these links to global styles.

Props joedolson, rollybueno, sumitbagthariya16, circlecube, shailu25.
Fixes #63831.