Remove padding from Home Link block

[ndiego]

Description

No other link block in core includes padding, yet the Home Link block does. This forces theme developers to override this padding to ensure link consistency. Removing this default padding will improve implementation of the Navigation block. The current workaround it to use a Custom Link that manually directs to the site's homepage.

How has this been tested?

Removing the offending CSS simply makes the Home Link block look like all other link blocks in the Navigation block.

Types of changes

Bug fix (non-breaking change which fixes an issue)

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• I've tested my changes with keyboard and screen readers.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).

[gwwar]

Good catch, this test well for me. I think styles here diverged from navigation link and the navigation block, but

gutenberg/packages/block-library/src/navigation/style.scss

Lines 272 to 274 in 4fdffac

	.wp-block-navigation:where(.has-background) a {
	padding: 0.5em 1em;
	}

should cover this.

cc @jasmussen

[gwwar]

Here's a video of that padding in action when a background color is set

background-padding.mp4

[gwwar]

Thanks for this one @ndiego !

[jasmussen]

Thanks for the PR, thanks for the ping! This specific problem speaks also to both issues #31879 and #33048, as both of those are about enabling global style control. #31878 hopefully also helps.