diff --git a/public/themes/classic.css b/public/themes/classic.css index ffe13e0a..ab25827a 100644 --- a/public/themes/classic.css +++ b/public/themes/classic.css @@ -151,6 +151,7 @@ r4-app { box-shadow: var(--c-shadow-input); font-size: 1rem; flex-grow: 1; + width: 100%; } } @@ -176,7 +177,8 @@ r4-layout [slot='main'] { } r4-layout header[slot='menu'] { z-index: 1; - justify-content: center; + justify-content: flex-start; + width: 100%; } r4-layout::part(playback-summary) { @@ -504,6 +506,12 @@ radio4000-player .PlayerControl-group .Btn { r4-channel-slug::before { content: '@'; } +r4-channel-slug { + white-space: nowrap; + text-overflow: ellipsis; + max-width: clamp(calc(var(--s) * 10), calc(var(--s) * 30), 50vmin); + overflow: hidden; +} r4-page-home { justify-content: center; @@ -630,6 +638,10 @@ r4-page-channel-update { } h-captcha { - padding: var(--s); + padding-top: var(--s); + padding-bottom: var(--s); display: inline-flex; } +label[for='token'] input[name='token'] { + display: none; +} diff --git a/src/components/r4-app-user-menu.js b/src/components/r4-app-user-menu.js index c53ea3ac..24e51bb0 100644 --- a/src/components/r4-app-user-menu.js +++ b/src/components/r4-app-user-menu.js @@ -55,7 +55,13 @@ export default class R4AppUserMenu extends LitElement { ` } else { - return html`New radio` + return html` + new + ` } } renderChannelSelect() { diff --git a/src/components/r4-password-reset.js b/src/components/r4-password-reset.js index 26a09478..f99045d4 100644 --- a/src/components/r4-password-reset.js +++ b/src/components/r4-password-reset.js @@ -16,8 +16,8 @@ const captchaFieldTemplate = document.createElement('template') captchaFieldTemplate.innerHTML = `
To prevent spam, please solve this captcha. -