gr-main-header: fix header to wrap the betterupstream/stable-3.8

By using `flex: 0 0 auto` it makes sure that the text doesn't get cut
off. It's a little less ugly then it wrapping below.

This is a better fix than [0]. Correct fix is still a mobile optimised
header but that is a seperate change.

[0] I9da124be1ecd911cb16803fe709fb23a0860cd9e

Release-Notes: gr-main-header: fix header to wrap the better
Change-Id: Id7ebb8def48f5f58e31b3e2e297128fbbc8d0443
(cherry picked from commit 14b349c60cb3a90307670c1069e3e82136b785e4)

1 files changed, 1 insertions, 1 deletions

diff --git a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
index d5765b2f9e..fca600d5bd 100644
--- a/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
+++ b/polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.ts
@@ -194,7 +194,6 @@ export class GrMainHeader extends LitElement {
         nav {
           align-items: center;
           display: flex;
-          flex-wrap: wrap;
         }
         .bigTitle {
           color: var(--header-text-color);
@@ -290,6 +289,7 @@ export class GrMainHeader extends LitElement {
           display: inline;
         }
         .accountContainer {
+          flex: 0 0 auto;
           align-items: center;
           display: flex;
           margin: 0 calc(0 - var(--spacing-m)) 0 var(--spacing-m);