[EOSF-924] Make navbar more mobile friendly

[baylee-d]

Purpose

When viewing quickfiles on smaller devices, the navbar displays weird behavior. The navbar should have styling changes that match expected behavior.

Summary of Changes

• Set a min-height of elements to keep height of navbar consistent
• Set margin-left for extra small screens to keep the element centered and off of the side
• Set padding-left and padding-right to add more space between text and element's boundary
• Add line-height to keep text centered vertically

** In the case of long names, more of the name will be displayed up to the edge of the page before overflowing

** Once it gets to a certain point, it will overflow hidden

Ticket

https://openscience.atlassian.net/browse/EOSF-924

Reviewer Checklist

• meets requirements
• easy to understand
• DRY
• testable and includes test(s)
• changes described in CHANGELOG.md (don't have initial release yet)

[coveralls]

Coverage remained the same at 6.931% when pulling a9b2f12 on baylee-d:feature/make-navbar-mobile-friendly into b3b7fa0 on CenterForOpenScience:develop.

[jamescdavis]

This looks good. Please update to use latest ember-osf develop.

[coveralls]

Coverage remained the same at 6.931% when pulling afdda02 on baylee-d:feature/make-navbar-mobile-friendly into b3b7fa0 on CenterForOpenScience:develop.