Footer nav buttons misaligned on Safari 17.4

[cbutcosk]

Before proceeding, make sure there isn’t an existing issue for this bug.

• I have searched the existing issues and determined this is a new bug.

Expected Behavior

When building a fresh project based on quire-starter-default, the Prev / Next nav buttons on the bottom of the page should be aligned on the same horizontal baseline, as they are on Chrome:

Actual Behavior

Footer nav buttons are misaligned on Safari 17.4:

Steps to Reproduce

• npx @thegetty/quire-cli new test
• cd test
• npx @thegetty/quire-cli preview
• Go to the site in your browser.

Version Numbers

[CLI] Command 'info' called with options { debug: true }
[test]
quire-cli 1.0.0-rc.11
quire-11ty 1.0.0-rc.16
starter https://github.com/thegetty/[email protected]
[System]
quire-cli 1.0.0-rc.11
node v21.6.2
npm 6.14.18
os Darwin 23.4.0

Web Browser

Safari 17.4

Relevant Terminal/Shell Output

No response

Supporting Information

No response

[its-leofisher]

Before proceeding, make sure there isn’t an existing issue for this bug.

• I have searched the existing issues and determined this is a new bug.

Expected Behavior

When building a fresh project based on quire-starter-default, the Prev / Next nav buttons on the bottom of the page should be aligned on the same horizontal baseline, as they are on Chrome:

Actual Behavior

Footer nav buttons are misaligned on Safari 17.4:

Steps to Reproduce

• npx @thegetty/quire-cli new test
• cd test
• npx @thegetty/quire-cli preview
• Go to the site in your browser.

Version Numbers

[CLI] Command 'info' called with options { debug: true } [test] quire-cli 1.0.0-rc.11 quire-11ty 1.0.0-rc.16 starter https://github.com/thegetty/[email protected] [System] quire-cli 1.0.0-rc.11 node v21.6.2 npm 6.14.18 os Darwin 23.4.0

Web Browser

Safari 17.4

Relevant Terminal/Shell Output

No response

Supporting Information

No response

min-width should be used to help with browser rendering quirks, to give it the flexibility to expand if needed.

Safari:

Chrome with min-width applied works well: