WP Post content editor - border between editor and word count appears too thick.

[mattheu]

On the edit screen in the admin, the border at the between the bottom of the post content editor and the bar that displays the word count appears to be 2px when I think it should probably be 1px. See screenshot.

This is not actually caused by a border - but because the wp-editor-container has the styles position: relative; top: -1px; - nudging this element up by 1px and creating a gap allowing the body background color to show through. This can be seen by setting the body background color to red. See screenshot 2

This was originally done to correctly align the tabs to switch editors (visual/text) however I think it would be better to align the tabs to the editor container - rather than the other way round.

Attaching a patch to fix this.

[mattheu]

Checked Chrome, FF and IE8+ to make sure this wasn't done originally to fix a browser issue.

[mattheu]

account for mobile & press this

[mattheu]

Updated patch to make sure the tabs look nice on small screens & in the "press this" window

[iammattthomas]

In 26411:

Better alignment of Visual and Text tabs with editor, better alignment of word count container with editor, eliminate gap between tabs and editor on Press This. Fixes #26238, props mattheu.