matrix-org / matrix.org

matrix.org public website
Other
412 stars 340 forks source link

stable/beta/alpha text bridges misaligned (Zola m.org) #1719

Open westerguard opened 1 year ago

westerguard commented 1 year ago

Some of the text in the 'class="maturity ...."' is not so well aligned for the bridges. See the print screen below.

image Telegram bridge

It looks alright for the clients and servers though. image

thibaultamartin commented 1 year ago

Good catch, thanks!

thibaultamartin commented 1 year ago

Fixed, preview will be deployed in a few minutes

HarHarLinks commented 1 year ago

image personally i'm not quite content yet

thibaultamartin commented 1 year ago

Fixed, should be deployed in a few minutes on matrix.turbo.fish

HarHarLinks commented 1 year ago

It's improved a bit, but still it looks a little wonky with the larger padding at the bottom for 2 reasons:

@MTRNord says the root cause might actually be the font.

image

MTRNord commented 1 year ago

Yep just had a talk with @HarHarLinks and it looks like the font has spacing below the visible font. I guess it might be to make it render consistent on the baseline. But it also pushes things here.

thibaultamartin commented 1 year ago

Oof ok, I think #1786 is going to fix it, and maybe we should prioritise it before the launch.

MTRNord commented 1 year ago

Yeah. Maybe @jplatte has an idea to remove font weirdness at the bottom. Extra space at the top is easier since you could adjust the line height. But I didn't find a workaround for the bottom.

jplatte commented 1 year ago

No ideas beyond shipping a font-face.

HarHarLinks commented 1 year ago

image

":left_speech_bubble: Support Room" text and icon look offset from each other too, despite ps in the label.