fix navbar

[pythongiant]

fix navbar

Checklist

• I have read the Contribution & Best practices Guide and my PR follows them.
• There is a corresponding issue for this pull request.
• My branch is up-to-date with the Upstream master branch.
• The unit tests pass locally with my changes (provide a screenshot or link for test)
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Short description of what this resolves:

Fix the navbar

Changes proposed in this pull request:

Fix Navbar for mobile devices

-https://gentle-beyond-35732.herokuapp.com/

Fixes #355

[pranav1698]

The container for dropdown is bigger, hence the labs.fossasia.org is not fitting into it

Please align the menu button for mobile devices

[pythongiant]

@pranav1698 check it out now?

[pranav1698]

The drop-down menu is coming out of the upper and the right border,

You can also see it is in the case of the bottom-most border

Take an example of susper, the drop-down seems well fitting inside the container

[pythongiant]

@pranav1698 i dont follow

[pythongiant]

LGTM on my screen

[pranav1698]

have you checked it on your phone
Open susper for comparison you will see the difference it may here because of white background

[pythongiant]

ummm @pranav1698 that's due to the fact that there are more icons in this dropdown

[pranav1698]

So you can increase the size of the drop-down container to fit in with the total number of the items,

[pythongiant]

@pranav1698 i am gonna add a scrolbar if that's fine?

[pythongiant]

nevermind closing this PR