modify mobile UI in wimp

[uday-kalyan-s]

problem

the search bar is too small in mobile layout which causes an overflowing of text (including the placeholder).

solution

the solution for this is well... simply increase the size. 80% seemed to work well and aligned with FIND MY in Samsung S20 layouts.

changes:

• added media query for mobile which modifies .search-bar-container

modified layout

[harshkhandeparkar]

This looks fine. But in the long term, we will have to do a lot of changes. It would be better to size everything (title, search bar, results) relative to a global container element and then change the container width (%) on different screens. Would you like to work on this? And if yes, should I merge this first or do you want to add to it?

Thanks for your contribution! 🚀

[uday-kalyan-s]

ooh I see. the container element does sound like a good idea yeah. I'd love to fix the rest of Firefox issue in this PR itself we can merge it then. is it fine if I do it slowly over the week? I have a few lab tests/soc work coming up

[harshkhandeparkar]

ooh I see. the container element does sound like a good idea yeah. I'd love to fix the rest of Firefox issue in this PR itself we can merge it then. is it fine if I do it slowly over the week? I have a few lab tests/soc work coming up

Sure, no problem. Thanks!