fixed ui on find-wallet [Fixes #13421]

[nipunh]

Description

fixed ui on find-wallet Fixes #13421

1. Made changes in scroll-bar css to show it by default.
2. Increased the width of cards for overflowing on right size

We can also provide arrows like this indicating more items in the grid, clicking on arrow will scroll the cards

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	64157e8
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/669969b3fe44060008784787
😎 Deploy Preview	https://deploy-preview-13426--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 39 (🔴 down 12 from production) Accessibility: 92 (no change from production) Best Practices: 87 (🔴 down 11 from production) SEO: 93 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[wackerow]

Production on left, PR on the right

Hey @nipunh, I'm not sure this is accomplishing what is needed here...

Looks like we've altered the card width itself, and how it's internal contents are handled... This is not what we want to change.

We need to adjust how these cards are displayed in the parent container to remove the white space on the right edge (outside of the card itself) when there is more to scroll to.

From issue:

overflow the wrapper till the end of the screen like this and have no empty space on the right side

Does this make sense?

[konopkja]

ping @nipunh

[nipunh]

> Production on left, PR on the right

Hey @nipunh, I'm not sure this is accomplishing what is needed here...

Looks like we've altered the card width itself, and how it's internal contents are handled... This is not what we want to change.

We need to adjust how these cards are displayed in the parent container to remove the white space on the right edge (outside of the card itself) when there is more to scroll to.

From issue:

overflow the wrapper till the end of the screen like this and have no empty space on the right side

Does this make sense?

Yes, I will make the required changes

[konopkja]

cc @corwintines

[corwintines]

Thanks @nipunh

[corwintines]

@all-contributors can you add @nipunh for code

[allcontributors]

@corwintines

I've put up a pull request to add @nipunh! 🎉

[gitpoap-bot]

Congrats, your important contribution to this open-source project has earned you a GitPOAP!

Be sure to join the Ethereum.org discord if you are interested in contributing further to the project or have any questions for the team.

GitPOAP: 2024 Ethereum.org Contributor:

Head to gitpoap.io & connect your GitHub account to mint!

Learn more about GitPOAPs here.