CSS issues in multiple editor parts

[fernandomm]

I was running this project locally and noticed some CSS issues that aren't present in the "original" Gutenberg editor.

Some examples:

1. When a column is focused, the border is off

2. The close icon border has problems

3. When searching for a new block, horizontal scrollbars are created when cursor is hover an item

4. The inspector CSS seems to be missing

At least the 3 first issues seems to be caused by this CSS

isolated-block-editor/src/components/block-editor/style.scss

Lines 40 to 50 in 9451d68

	// Stops a bit of judder when an empty editor is first clicked. Not sure why there is a difference between .com and .org
	.editor-block-list__layout > .block-list-appender:first-child,
	.block-editor-block-list__layout > .block-list-appender:first-child,
	.block-editor-block-list__layout > div:first-child > .block-list-appender {
	padding-top: 3px;
	margin-bottom: 19px;
	button {
	margin-left: 16px;
	}
	}

After removing it the 3 first issues were fixed without any noticeable side effects. Is it safe to remove these custom rules? I can submit a PR if you're ok with it.

[johngodley]

Sure, a PR would be great! It's likely this is old CSS that was relevant to a previous version of Gutenberg and may now be causing problems.

I was able to reproduce 1.

For 2 this is seen in core Gutenberg too. The icon shouldn't actually appear, and this was fixed in #157

I can't reproduce 3, but maybe there are some other local differences.

4 is probably worth splitting off into a separate issue.

[johngodley]

This will be fixed by #165 and #164

[johngodley]

This should be fixed now.