Mobile UI improvements
Created by: dblessing
This PR fixes some things in the mobile UI. The biggest fix is for public pages. Previously, on public pages the navigation was expanded by default and the sign in button took up lots of space at the top (especially after we add the collapsed navigation icon). See screenshots below.
Tested on a handful of popular mobile devices - iPhone 5, Galaxy S4, Google Nexus 4. All appear as expected after the changes.
Before: Sign in button causes top bar to be taller than expected. Also, nav has no toggle and is always visible.
After: (Note: The light blue highlight around the nav icon is because I used Chrome emulator to take these shots and my mouse click "selected" the icon. It does not actually show on real mobile device. After adding the nav icon, the spinner would appear right on top of the spinner. Now, it moves just to the left, but doesn't affect long project names, as shown below.