(fix): hide username on screens smaller than 500px

[takeshi-codes]

fix for #1943

First PR here, so open to constructive feedback on how to better do this, if this is applicable.

[DaWoblefet]

Can you provide screenshots of the new behavior? I have a pretty good idea of what it's supposed to be doing but screenshots are always nice :).

[takeshi-codes]

@DaWoblefet yeah, sure thing. Thank you for the quick response!

[DaWoblefet]

I personally think this is OK. The only other idea I could think of would be to reduce font-size, or force it to say inside its container and add a text-overflow: ellipsis, or perhaps some combo of the two. As long as the "Choose Name" appears on mobile this solution is good.

Can we call the class something more descriptive? Maybe username-topbar?

[AnnikaCodes]

I like Wob's idea of using text-overflow: ellipsis; it would solve the navigation problems while still making it somewhat possible for users with multiple accounts to tell which alt they are on at a glance.

[Zarel]

I think this change is better than nothing, so if there are no objections, I'd merge for now.

[AnnikaCodes]

Hi, sorry about the wait to merge this. It should go live today!