[Device only] Inconsistent behavior when closing user menu by click on the avatar vs by click outside the user menu

[viorelaioia-zz]

The issue is happening on devices with high resolution. I tried on iPhone 6 plus and Nexus 6p. Steps to reproduce:

1. Login to SSO dashboard;

2. Click user avatar; User menu, "m" logo and search image are shown;

3. Click outside the user menu, in order to close it; User menu is closed, "m" logo(instead of "mozilla" logo) and search image with high width are shown:

4. Click user avatar; User menu and "mozilla" logo are shown, search image is not displayed;

The correct behavior - that currently works if we close the user menu by click on the avatar and not outside the menu - for both cases (user menu shown & user menu not shown) should be:

CC: @m-branson , @comzeradd

[mbransn]

Thanks for highlighting this @viorelaioia! I agree with what you've stated as the correct behavior with some additional notes below:

@comzeradd at these viewport sizes is it possible to dynamically size the width of the active user menu? Ideally it would open all the way to the search button (which is an 80px square container, as is the 'm' bug)