social.tchncs.de is one of the many independent Mastodon servers you can use to participate in the fediverse.
A friendly server from Germany – which tends to attract techy people, but welcomes everybody. This is one of the oldest Mastodon instances.

Administered by:

Server stats:

3.9K
active users

Olivier Forget

Adding a table of app migrations in the "new app" view in ? Easy.

Aligning the text in the thead with the baseline of the label to the left of the table? Impossible (at least for me).

I could try all kinds of variations of flex box and grid and all kinds of other tricks, but that would eat up the rest of the morning.

So it's ugly. So it goes.

@teleclimber i did an entire exploration into vertical rhythm and controlling every pixel on a webpage for a standard set of elements and form controls: cutestrap.com/legacy/v1

it… could take longer than all morning depending on how far you dig into the rabbit hole.

but in your scenario, would it be possible to strip down padding/margins for cells and other markup— then manually set line height and font size for the th and label?

www.cutestrap.comCutestrap | CutestrapA pure CSS framework with vertical rhythm, consistent form fields and a dead simple grid.

@tychi There is no vertical padding. It looks like the label baseline is aligned with the bottom of the thead box, instead of the baseline of the text inside. If I change the font size inside the thread I can see that the label moves down and always matches the bottom of the box. Not sure how to fix this without getting into a cascade of things to fix.

@tychi I tried line-height on the th, but not the thead. It did not help on the th. I suppose if I put it on the thead it would apply it to all th content, instead of the one?

I could try it but I've moved on and my dev setup for this is not up.

Thanks for trying to help!