Audio in Twenty Sixteen are lacking bottom margin

[PGeorgiev]

Posts that have audio: the comment link is too close to the media.

[PGeorgiev]

Posts that have audio: the comment link is too close to the media.

[emilyatmobtown]

Thank you for reporting this, @PGeorgiev!

I've confirmed that this bug exists. The Audio block lacks a bottom margin, unlike other blocks such as the quote block and image block. However, this exists across all themes, not just Twenty Sixteen.

I'd suggest adding the bottom margin to .wp-block-audio in the Gutenberg's CSS to be consistent with .wp-block-image and .wp-block-quote.

(Additionally, I'd suggest adding it to .wp-block-audio rather than .wp-block-audio audio so that the margin is added below the caption, if one exists.)

I've tagged this for dev feedback for further discussion about best implementation and will open an issue in the Gutenberg repo and paste the link below to cross-reference.

[emilyatmobtown]

A Github issue has been opened on the Gutenberg repo for further discussion: ​https://github.com/WordPress/gutenberg/issues/18255

[PGeorgiev]

Replying to emilyatmobtown:

Thank you for reporting this, @PGeorgiev!

I've confirmed that this bug exists. The Audio block lacks a bottom margin, unlike other blocks such as the quote block and image block. However, this exists across all themes, not just Twenty Sixteen.

I'd suggest adding the bottom margin to .wp-block-audio in the Gutenberg's CSS to be consistent with .wp-block-image and .wp-block-quote.

(Additionally, I'd suggest adding it to .wp-block-audio rather than .wp-block-audio audio so that the margin is added below the caption, if one exists.)

I've tagged this for dev feedback for further discussion about best implementation and will open an issue in the Gutenberg repo and paste the link below to cross-reference.

Hey @emilyatmobtown,
Thanks for your time and your response! I will add these changes and update the ticket.
Thank you!

[SergeyBiryukov]

Hi there, welcome to WordPress Trac! Thanks for the ticket.

It looks like this is an issue with editor styles, rather than Twenty Sixteen. As the issue is now reported upstream for Gutenberg in ​https://github.com/WordPress/gutenberg/issues/18255, closing this one.