fix: avoid timer size changing as it counts up

[marktnoonan]

• Closes n/a

User facing changelog

N/A - very minor style tweak

Additional details

Adds font-variant-numermic: tabular nums to stop the timer shifting around depending on the different character widths of each number. Makes non-fixed-width numbers behave like fixed-width. This is the tiniest thing but it catches my eye every now and then and bugs me.

Steps to test

Run any spec and watch the timer.

How has the user experience changed?

Before:

before.mov

After:

after.mov

PR Tasks

• [na] Have tests been added/updated?
• [na] Has the original issue (or this PR, if no issue exists) been tagged with a release in ZenHub? (user-facing changes only)
• [na] Has a PR for user-facing changes been opened in cypress-documentation?
• [na] Have API changes been updated in the type definitions?

[cypress-bot]

Thanks for taking the time to open a PR!

• Create a Draft Pull Request if your PR is not ready for review. Mark the PR as Ready for Review when you're ready for a Cypress team member to review the PR.
• Become familiar with the Code Review Checklist for guidelines on coding standards and what needs to be done before a PR can be merged.

[ZachJW34]

I'm a fan

[mapsandapps]

approved by design ✅ (they love it!)

TIL about font-variant-numermic: tabular-nums. thanks!

[cypress]

---

Test summary

37729 • 0 • 456 • 0 • 8

---

Run details

Project	cypress
Status	Passed
Commit	96e392c
Started	Jul 19, 2022 6:31 PM
Ended	Jul 19, 2022 6:48 PM
Duration	17:28 💡
OS	Linux Debian - 10.11
Browser	Multiple

View run in Cypress Dashboard ➡️

---

Flakiness

	actions/click.cy.js		1
1	... > scroll-behavior > can scroll to and click elements in html with scroll-behavior: smooth
	net_stubbing.cy.ts		1
1	network stubbing > waiting and aliasing > yields the expected interception when two requests are raced
	xhr.cy.js		3
1	... > logs request + response headers
2	... > logs Method, Status, URL, and XHR
3	... > logs response
This comment includes only the first 5 flaky tests. See all 8 flaky tests in the Cypress Dashboard.

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard