Fixing broken layout when username is too long.

Adding max-width attribute to username field. Showing ellipsis when text
overflows
Adding media queries to provide a better layout when browsing on tablets
or mobile.
Fixes Bug 1038920
This looks odd centered...IMO.