Redesigning the search bar

[divyabaid16]

Fixes #5090 (<=== Add issue number here)

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

• PR is descriptively titled 📑 and links the original issue above 🔗
• tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR -- or run tests locally with rake test
• code is in uniquely-named feature branch and has no merge conflicts 📁
• screenshots/GIFs are attached 📎 in case of UI updation
• ask @publiclab/reviewers for help, in a comment below

Screenshot for the change:

We're happy to help you get this ready -- don't be afraid to ask for help, and don't be discouraged if your tests fail at first!

If tests do fail, click on the red X to learn why by reading the logs.

Please be sure you've reviewed our contribution guidelines at https://publiclab.org/contributing-to-public-lab-software

Thanks!

[plotsbot]

	1 Message
📖	@divyabaid16 Thank you for your pull request! I’m here to help with some tips and recommendations. Please take a look at the list provided and help us review and accept your contribution! And don’t be discouraged if you see errors – we’re here to help.

Generated by 🚫 Danger

[CleverFool77]

Great work @divyabaid16 🎉

[grvsachdeva]

I tried your PR locally, but the width is smaller from the screenshot

[divyabaid16]

@gauravano I have now changed the file and updated the screenshot.

[grvsachdeva]

Looks good. Nice work @divyabaid16!

[jywarren]

Yeah, really nice!

[CleverFool77]

@divyabaid16 It's showing this in mine. Should I fix it ?

[divyabaid16]

@CleverFool77 previously even in mine it was shown in that way. Then I had made some changes. Can you plz check it again?
Because I don't think there must be a problem.
Thanks!

[CleverFool77]

These were latest changes I fetched. I didn't check your pr locally rather I was syncing the master repo and my local repo. I'm working on other parts of same issue. So I came across this.. 🤔🤔.. I'll check it again though.

[divyabaid16]

@CleverFool77
Oh!!! I now got the problem. In Mozilla Firefox it is working fine but in google chrome, this is the issue.
Can you please check it out one in Mozilla FireFox

Thank you so much for pointing out this!!

[CleverFool77]

Np @divyabaid16. If you've got no problem, then I can fix it.

[CleverFool77]

I'll check it out in mozilla 👍

[divyabaid16]

This issue is now fixed in Google Chrome too!
Thank you so much @CleverFool77

[CleverFool77]

Ahh I just fixed it locally too. 😅😅. I was thinking of making PR.
Great work though 👍