[Request]Webapp: Add CSS code to stop numbers changing the size of their container

[f-1-0]

Is your feature request related to a problem? Please describe.

This only happens when the browser window is small enough for the flex-box to re-arrange stuff.
Different numerical values also change the size of the div containing the text and this causes the icons in the neighbouring flex-box item to move as well.

It's not a bug since the all-fluid layout is working as it should,
but I find the unnecessary movement unpleasant and distracting.

Describe the solution you'd like

add style to

main or .container-fluid { font-feature-settings: "tnum"; }
This will make the width of the numbers uniform and should work with all common browsers.

Describe alternatives you've considered

all other alternatives either change the font style or impair the fluid layout.

Additional context

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion or issue for related concerns.