Space added between the characters in shortcuts on macOS

[bamanczak]

Formatted Keyboard shortcuts on MacOS have a space added between characters

However on MacOS it's a standard to format shortcuts without any space

The fix needs to be implemented in src/utils/text.js (formatKeyShortcut function).

[bamanczak]

/claim

[claim]

Thanks for claiming the issue! 👋

Here are some links for getting setup, contributing, and developing. We're always happy to answer questions in slack! If you become busy, feel free to /unclaim it.

🦊 Debugger team!

[fvsch]

It might be worth exploring if we can set a font-family which renders the command and shift signs better. Can be a bit hard to do in a way that works in Firefox and Chrome, though.

According to https://caniuse.com/#search=system-ui, maybe this could work?
font-family: system-ui, -apple-system, sans-serif;

We should be able to construct selectors that only target macOS, too, though I'm not sure the selectors would be the same for the Debugger in Firefox and as a standalone tool.