style: UI improvements to searchbar

[alkshendra]

Motivation

Wanted to make this already awesome project a lil better! 🍺

Have you read the Contributing Guidelines on pull requests?

Yes!

Test Plan

1. Open the application in chrome/firefox and reduce the browser width
2. Type anything in the search bar
3. Resize to smaller sizes and test

GIFs:
Tablet sizes

Before:

After:

Mobile sizes

Before:

After:

[facebook-github-bot]

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

[docusaurus-bot]

Deploy preview for docusaurus-preview ready!

Built with commit 15625eb

https://deploy-preview-989--docusaurus-preview.netlify.com

[facebook-github-bot]

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

[endiliey]

LGTM

[endiliey]

Thanks a lot @alkshendra

[Haroenv]

I like it! there's a little too much padding at the bottom of the logo IMO, but could be fixed in another PR

[endiliey]

Kinda true. It seems like a "good first issue". Do you mind helping to file an issue for that ? A PR is fine too, but we'd love getting more contributors 😈

[alkshendra]

@Haroenv @endiliey Actually, that extra padding issue has been fixed in this PR, I had recorded the GIFs before fixing that! 😅

Here's the fix LOC from my PR:

.navigationSlider .slidingNav .navSearchWrapper .algolia-docsearch-footer a {
  height: auto;
}

[endiliey]

😂🤣. I only looked through the recorded gif when haro pointed that out.

The gif can be very convincing... 😐

Edit: and misleading