diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index 13ed2c25de6f20e391ddd7c1612179cd569d63fc..939101d68fd212cec0a809f6ebc4f270f48f0a9f 100644 --- a/packages/app-shell/src/app-shell.js +++ b/packages/app-shell/src/app-shell.js @@ -450,9 +450,14 @@ export class AppShell extends ScopedElementsMixin(LitElement) { header .hd1-right { grid-area: hd1-right; display: flex; - flex-direction: column; - justify-content: center; - padding-left: 20px; + justify-content: flex-start; + padding: 0 20px; + min-width: 0; + align-items: center; + } + + header .hd1-right .auth-button { + min-width: 0; } header .hd2-left { @@ -713,7 +718,7 @@ export class AppShell extends ScopedElementsMixin(LitElement) { <div class="hd1-middle"> </div> <div class="hd1-right"> - <vpu-auth lang="${this.lang}" keycloak-config="${JSON.stringify(this.keycloakConfig)}" load-person try-login></vpu-auth> + <vpu-auth class="auth-button" lang="${this.lang}" keycloak-config="${JSON.stringify(this.keycloakConfig)}" load-person try-login></vpu-auth> </div> <div class="hd2-left"> <div class="header"> diff --git a/packages/app-shell/vendor/auth b/packages/app-shell/vendor/auth index c43e6492d972c7e52adc74ba4274aba8b2917a1c..f3aa17bcca0c04055ad2835ed620146a741a107d 160000 --- a/packages/app-shell/vendor/auth +++ b/packages/app-shell/vendor/auth @@ -1 +1 @@ -Subproject commit c43e6492d972c7e52adc74ba4274aba8b2917a1c +Subproject commit f3aa17bcca0c04055ad2835ed620146a741a107d