Fix StepsEditor labeling position bug on fontsizechange

[marcelgerber]

This fixes #6808 @redmunds @larz0

[TomMalbran]

Should the labels actually change their size? It looks to me that only the code size is changed and everything else stays the same, so maybe we should just change the labels font-size to use px so that those don't change in size.

[marcelgerber]

The font-size is explicitely set to 75%, that's all I can say. @redmunds

[TomMalbran]

Yes, that is the real issue here. If it was set in px, we wouldn't have any issue when changing the font size.

[redmunds]

@SAplayer The problem is that it's 75% of Editor font size, but it should be proportional to the rest of the UI so it doesn't zoom with editor.

Take a look at the text in the header of the CSSInlineEditor (file name and New Rule button) and notice how it doesn't zoom when editor is zoomed. The font size there is simply set in px as @TomMalbran suggests.

[marcelgerber]

@redmunds So should we change it?

[redmunds]

Yes, it should be changed from % to px for both step and bezier curve editors.

9px matches what we have now, but we could go 10px or 11px. With this change it's not necessary to change padding, top, or left.

[marcelgerber]

Changed.

[redmunds]

Looks good. Merging.

[TomMalbran]

You missed the semicolons here, so I fixed it in 6dc1b4a