Minor UI issue with translations header on small windows

[rumca]

@gabemart @loicsans not sure who to assign this to, or if it's worth addressing?

Due to the fact the button labels are slightly longer when they are in French or Spanish, the following happens with a smaller browser window:

If you resize to whatever is presumably the max width for the english labels then you get the expected collapse behaviour:

Also with the collapsed menu, when you click to swap the translation it looks a little wacky:

[gabemart]

@rumca I'm having trouble reproducing the first problem - on my machine the collapse behaviour is correct even when using spanish or french labels. What browser width triggers the improper behaviour for you?

Agreed on the second point, behaviour is not as expected

[KasperBrandt]

@rumca @gabemart Same for me, collapsing behaviour of the header seems fine with French and Spanish.

Although I do notice that the language selector is acting strangely when the navigation is folded:

[gabemart]

I've fixed the language dropdown issue, but it involves changing the vertical overflow on the nav container to initial. As far as I know this doesn't have any side effects as the nav menu has a fixed amount of content, but I'm not sure

[rumca]

@gabemart with the first issue I'm using Chrome (v43) and widths from 1025-1200px with Spanish translations result in the header appearing like that.

[gabemart]

@rumca ha, I was testing when logged in, which doesn't trigger the overflow, because "Desconexion" is shorter than "Inicio de sesion"

should be a straightforward fix, either by bumping the width of the container or reducing the width of the logo

Edit: bumped the container width