OpenTable: Move the CSS to make the block take only the space it needs

[scruffian]

This is a different approach to #14553

Changes proposed in this Pull Request:

• This takes a different approach to Eventbrite and OpenTable Blocks: Fix block preview sizing with Gutenberg #14553. We might as well always apply the CSS to make the block only take the space it needs. I'll follow up with a fix for Eventbrite in a different PR, but it's more involved.

Testing instructions:

• Open the Block inserter at the top left of the editor
• Check that the block looks big in the block preview

Proposed changelog entry for your changes:

• no changelog

[matticbot]

Caution: This PR has changes that must be merged to WordPress.com
Hello scruffian! These changes need to be synced to WordPress.com - If you 're an a11n, please commandeer, review, and approve D38888-code before merging this PR. Thank you!

[jetpackbot]

Thank you for the great PR description!

When this PR is ready for review, please apply the [Status] Needs Review label. If you are an a11n, please have someone from your team review the code if possible. The Jetpack team will also review this PR and merge it to be included in the next Jetpack release.

Scheduled Jetpack release: March 3, 2020.
Scheduled code freeze: February 25, 2020

Generated by 🚫 dangerJS against 343a88c

[glendaviesnz]

Works for me. If you also add the following it vertically aligns it a bit better

.block-editor-block-preview__content [data-type='jetpack/opentable'][data-block] {
	margin-top: 0px;
	margin-bottom: 0px;
}

[jeherve]

Works for me, but I do like @glendaviesnz's suggestion of taking the opportunity to center things a bit better.

[creativecoder]

Please be sure to either test this against the latest version of the Gutenberg plugin or test the wpcom diff separately, as a block wrapper div was removed in Gutenberg since the latest WordPress release.

[scruffian]

I tested against the latest Gutenberg and it works fine. I think it would be better to handle the centering in Core...

[scruffian]

r203015-wpcom

[jeherve]

@scruffian I wonder if this may have introduced an issue with the wide embed style:

Do you think you could take a look?

Thank you!

[scruffian]

@jeherve you're right, fix here: #14795