Prevent PanelBody title from being overlapped by arrow

[MatzeKitt]

Description

This will fix #29913.

How has this been tested?

• Checked the updated style in Safari, Chrome and Firefox.

Types of changes

Non-breaking styling fix for PanelBody title area.

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.

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @MatzeKitt! In case you missed it, we'd love to have you join us in our Slack community, where we hold regularly weekly meetings open to anyone to coordinate with each other.

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

[talldan]

Thanks for working on this @MatzeKitt.

Gutenberg now uses trunk as its main branch, so I've switched the base branch in the PR. There are some failing tests because of an issue with the docker environment, bit this has been fixed in a commit to trunk. Would you be able to rebase your branch on top of trunk to get the tests passing? (git pull --rebase origin trunk should do the trick).

[MatzeKitt]

@talldan Yes, I will try! Thank you for the information.

[ntsekouras]

Thank you for your contribution @MatzeKitt !

I think you should make your change in the above padding rule. Also it's better to use GB declared variables.
$grid-unit-60 equals 48px.

[MatzeKitt]

I changed my pull request accordingly. 🙂

[talldan]

Nice improvement, thanks @MatzeKitt.

[github-actions]

Congratulations on your first merged pull request, @MatzeKitt! We'd like to credit you for your contribution in the post announcing the next WordPress release, but we can't find a WordPress.org profile associated with your GitHub account. When you have a moment, visit the following URL and click "link your GitHub account" under "GitHub Username" to link your accounts:

https://profiles.wordpress.org/me/profile/edit/

And if you don't have a WordPress.org account, you can create one on this page:

https://login.wordpress.org/register

Kudos!

[ntsekouras]

Congrats on your first contribution in GB @MatzeKitt ! 🎉 Thank you!

[MatzeKitt]

Thank you! 🙂