valo-test-flat and valo-test-flatdark look odd for table sorting alignment

Flow
1

https://demo.vaadin.com/valo-theme/#!tables

Sort caption column.

Then switch to valo-test-flat or valo-test-flatdark

and you’ll see the column header out of alignment with columns

Same whether chrome, IE or FF.

Anyone else see this? Known issue? Fix available for above themes?

Thanks

2

Hello? Anyone?

Can you see this too?

3

Hey Dino,

Yeah definitely looks off. I’ll take a look and see if I can fix it.

4

Seems to be a problem with the header/cell width calculations when the theme is changed in the Valo demo.

I created a separate project with the flat theme, and the table headers and cells align properly.

5

So do you think it is the theme at fault? Or something in vaadin?

My code allows for theme switching like the demo and shows the same artifact.

Thanks.