Vertical alignment of sortable columns vs. non-sortable columns in XL tables

[wkeese]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

With row-size set to XL, the vertical alignment of sortable columns vs. unsortable columns is slightly off. Notice below how "Protocol" is slightly lower than "Name".

(It is pretty subtle though, only a few pixels.)

This is on Carbon 10.37, tested on the latest versions of Chrome and Firefox on MacOS.

Steps to reproduce the issue

See https://codesandbox.io/s/happy-minsky-n5i5s?file=/index.html.

[sstrubberg]

@wkeese I went and added the bx--table-sort classname to the div on that column and it straightened things right up.

[wkeese]

@sstrubberg - Are you saying I should set bx--table-sort on unsortable columns too? That seems counterintuitive at the least.

[sstrubberg]

@wkeese That's totally fair. I was just offering up a simple solution. Ideally, we could get a community contribution to update the bx--table-header-label with the proper style.