Media & Text: Set .wp-block-media-text__media a display to block

[Infinite-Null]

Fixes: #66914

What?

Ajusted the display property from inline-block to block to resolve layout issues in the Media & Text block anchor link.

Why?

This PR is necessary address a display issue when an anchor link is added to the Media & Text block. The current inline-block display style results in reduced and inconsistent media sizes.

Testing Instructions

1. Go to any post
2. Add Media & Text Block
3. Select an image
4. Add an anchor link to block and save
5. Check frontend

Screenshots or screencast

Issue

After Fix

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: Infinite-Null <[email protected]>
Co-authored-by: carolinan <[email protected]>
Co-authored-by: Mamaduka <[email protected]>
Co-authored-by: ajmaurya99 <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @Infinite-Null! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[carolinan]

I have tested this manually in Chrome and Firefox on PC. Using display: block instead of display: inline-block seems to work:

• The image in the media part of the block has the same size no matter if it is linked or not
• The image in the media part of the block has the same size in the editor and front
• The focus outline is correct, it wraps the whole image

[Mamaduka]

The inline-block rule was initially introduced in #62556 to solve the focus outline issue.