Toolbar is not align proper in mywishlist page in mobile view #30432 fixed

[cedarvinda]

Fixes #30432

Toolbar is not align proper in mywishlist page in mobile view #30432 fixed
Description
Toolbar is not align proper in MyWishlist page in mobile view
Preconditions (*)

Magento2.4
php7.4

###Steps to reproduce (*)

open magento base url.
tab sign in on top right of screen.
enter email id and password to sign in your account.
go to my wishlist page and open mobile view.
check toolbar-amount and limiter design in mobile view (and compare with my orders page in mobiel view)

Expected result (*)

Actual result (*)

[m2-assistant]

Hi @cedarvinda. Thank you for your contribution
Here is some useful tips how you can test your changes using Magento test environment.
Add the comment under your pull request to deploy test or vanilla Magento instance:

• @magento give me test instance - deploy test instance based on PR changes
• @magento give me 2.4-develop instance - deploy vanilla Magento instance

❗ Automated tests can be triggered manually with an appropriate comment:

• @magento run all tests - run or re-run all required tests against the PR changes
• @magento run <test-build(s)> - run or re-run specific test build(s)
  For example: @magento run Unit Tests

<test-build(s)> is a comma-separated list of build names. Allowed build names are:

1. Database Compare
2. Functional Tests CE
3. Functional Tests EE,
4. Functional Tests B2B
5. Integration Tests
6. Magento Health Index
7. Sample Data Tests CE
8. Sample Data Tests EE
9. Sample Data Tests B2B
10. Static Tests
11. Unit Tests
12. WebAPI Tests

You can find more information about the builds here

ℹ️ Please run only needed test builds instead of all when developing. Please run all test builds before sending your PR for review.

For more details, please, review the Magento Contributor Guide documentation.

⚠️ According to the Magento Contribution requirements, all Pull Requests must go through the Community Contributions Triage process. Community Contributions Triage is a public meeting.

🕙 You can find the schedule on the Magento Community Calendar page.

📞 The triage of Pull Requests happens in the queue order. If you want to speed up the delivery of your contribution, please join the Community Contributions Triage session to discuss the appropriate ticket.

🎥 You can find the recording of the previous Community Contributions Triage on the Magento Youtube Channel

✏️ Feel free to post questions/proposals/feedback related to the Community Contributions Triage process to the corresponding Slack Channel

[sivaschenko]

#dmcdindia2020

[mrtuvn]

here is my mobile screen. Latest code base

luma wishlist mobile iphoneX screen

[mrtuvn]

IMO you can use flexbox for arrange layout easier than this

[mrtuvn]

Example
less.toolbar { &.wishlist-toolbar { .pager { .lib-vendor-prefix-display(); align-items: center; flex-wrap: wrap; justify-content: space-between; } } }