diff --git a/packages/auth/src/vpu-auth.js b/packages/auth/src/vpu-auth.js index 304d4538ac32659087ab48014771f6e2b4e7ec38..d2395f1db0c4b1a6f78e6304a15f459633abedde 100644 --- a/packages/auth/src/vpu-auth.js +++ b/packages/auth/src/vpu-auth.js @@ -274,10 +274,8 @@ class VPUAuth extends LitElement { return html` <div class="dropdown" @click="${this.onDropdownClick}"> <div class="dropdown-trigger"> - <button class="button main-button" aria-haspopup="true" aria-controls="dropdown-menu2"> <span>${this.name}</span> <vpu-icon name="menu-down"></vpu-icon> - </button> </div> <div class="dropdown-menu" id="dropdown-menu2" role="menu"> <div class="dropdown-content"> @@ -292,12 +290,11 @@ class VPUAuth extends LitElement { renderLoggedOut() { return html` - <button id="login-button" @click="${this.login}" class="button main-button"> - <img src="/local/vpu-auth/icon_key_normal_tugprod.png" - onmouseover="this.setAttribute('src', '/local/vpu-auth/icon_key_hover_tugprod.png');" - onmouseout="this.setAttribute('src', '/local/vpu-auth/icon_key_normal_tugprod.png');" - title="${i18n.t('login')}" alt="${i18n.t('login')}"> - </button> + <img src="/local/vpu-auth/icon_key_normal_tugprod.png" + @click="${this.login}" + onmouseover="this.setAttribute('src', '/local/vpu-auth/icon_key_hover_tugprod.png');" + onmouseout="this.setAttribute('src', '/local/vpu-auth/icon_key_normal_tugprod.png');" + title="${i18n.t('login')}" alt="${i18n.t('login')}"> `; } @@ -306,6 +303,11 @@ class VPUAuth extends LitElement { const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath); return html` <link rel="stylesheet" href="${bulmaCSS}"> + <style> + vpu-icon { + vertical-align: -0.7rem; + } + </style> <div> ${this.loggedIn ? this.renderLoggedIn() : this.renderLoggedOut()}