Fix alignment issue with 'Add Coupon Code' button in WooCommerce Blocks (#9391)

[dennisjonda]

This Pull Request includes changes made to the style.css file located in \assets\js\base\components\sidebar-layout in order to fix an issue with the alignment of the "Add Coupon Code" button in the WooCommerce Blocks checkout page.

The changes involve removing the margin-left and margin-right properties for the .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon-link class and adding the padding-left and padding-right properties for the .is-large .wc-block-components-sidebar .wc-block-components-totals-coupon class.

The reason for these changes is that the previous styling caused misalignment of the "Add Coupon Code" button when the text was too long. The updated CSS aligns the button properly with the other fields on the checkout page.

Fixes #9391

Accessibility

• I've tested using only a keyboard (no mouse)
• I've tested using a screen reader
• All animations respect prefers-reduced-motion
• All text has at least a 4.5 color contrast with its background

Screenshots

Before	After

Testing

User Facing Testing

1. Go to /wp-admin/options-general.php and select Deutsch as the site language.
2. Go to /wp-admin/update-core.php and fetch the available translations.
3. Create a test page with the Checkout block.
4. Go to the frontend.
5. Add a product to the cart.
6. Go to the test page with the Checkout block.
7. Verify that the "Gutscheincode oder Rabattcode hinzufügen" button is correctly aligned (see screenshot above).

WooCommerce Visibility

• WooCommerce Core
• Feature plugin
• Experimental

Performance Impact

Changelog

Fix alignment issue with 'Add Coupon Code' button in WooCommerce Blocks

[nielslange]

Hello @dennisjonda 👋

Thank you very much for your first contribution to the WooCommerce Blocks, and sorry for not getting back to you earlier. The previous days, I was occupied with testing the WooCommerce Blocks 10.2.0 release.

Today, I finally found time to review your change. The change works as expected, so I went ahead and merged it. The change should be shipped with the WooCommerce Blocks 10.3.0 release. Thanks again for taking the time to contribute to this repo! 🙌

[nielslange]

Merging this PR as all CI checks of the corresponding interim PR passed.