Visual tweaks for shipping task partners

[moon0326]

All Submissions:

• Have you followed the WooCommerce Contributing guideline?
• Does your code follow the WordPress' coding standards?
• Have you checked to ensure there aren't other open Pull Requests for the same update/change?

Changes proposed in this Pull Request:

This PR tweaks shipping task partner CSS. For more details, please see #36977

Closes #36977 .

How to test the changes in this Pull Request:

1. Checkout the branch and build the assets.
2. Add return true from here to force Shipping Task.
3. Start OBW and choose Denmark as your store country to force the dual shipping partner layout.
4. Go to WooCommerce -> Home and click Add shipping costs task.
5. Confirm the changes.
6. Change the story country to Australia to force the single shipping partner layout.
7. Go to WooCommerce -> Home and click Add shipping costs task.
8. Confirm the single shipping partner layout.

Before

After (More spacing between the image and list)

Other information:

• Have you added an explanation of what your changes do and why you'd like us to include them?
• Have you written new tests for your changes, as applicable?
• Have you created a changelog file for each project being changed, ie pnpm --filter=<project> changelog add?
• Have you included testing instructions?

FOR PR REVIEWER ONLY:

• I have reviewed that everything is sanitized/escaped appropriately for any SQL or XSS injection possibilities. I made sure Linting is not ignored or disabled.

[codecov]

Codecov Report

Merging #37229 (981f867) into trunk (0cf5677) will decrease coverage by 0.0%.
The diff coverage is 32.0%.

❗ Current head 981f867 differs from pull request most recent head f484ceb. Consider uploading reports for the commit f484ceb to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##             trunk   #37229     +/-   ##
==========================================
- Coverage     46.7%    46.7%   -0.0%     
- Complexity   17191    17192      +1     
==========================================
  Files          429      429             
  Lines        64845    64872     +27     
==========================================
+ Hits         30275    30282      +7     
- Misses       34570    34590     +20     

Impacted Files	Coverage Δ
...ugins/woocommerce/includes/class-wc-post-types.php	2.7% <0.0%> (-0.1%)	⬇️
...gins/woocommerce/includes/wc-product-functions.php	44.7% <100.0%> (+1.0%)	⬆️

... and 2 files with indirect coverage changes

[github-actions]

Test Results Summary

Commit SHA: f484ceb

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	259	0	0	2	0	261	0m 48s
E2E Tests	189	0	0	6	0	195	14m 23s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.

[chihsuan]

Hey @moon0326 Thanks fort tweaking this. I wasn't able to see the dual layout when choosing Denmark as my store country so I used UK instead.

And I'm not sure if it's my local env issue. I don't see any difference in the single shipping partner layout. 🤔

trunk

this branch

BTW, It seem that the linting is failing.

[chihsuan]

@verofasulo Do you think it would be better to align the buttons to the bottom?

[verofasulo]

Do you think it would be better to align the buttons to the bottom?

@chihsuan, thanks for tagging me 💜 And yes, totally! 🙏

[moon0326]

Hey @moon0326 Thanks fort tweaking this. I wasn't able to see the dual layout when choosing Denmark as my store country so I used UK instead.

And I'm not sure if it's my local env issue. I don't see any difference in the single shipping partner layout. 🤔

trunk

this branch

BTW, It seem that the linting is failing.

Thank you for the catch 🙏 I might have committed a different change.

Updated in 459e4c8

[moon0326]

@verofasulo Do you think it would be better to align the buttons to the bottom?

Updated in 981f867 👍

[rjchow]

Looks good! Thanks for fixing this 😄

[chihsuan]

Nice! Looks good and tested well. 👍