diff --git a/landing-page/src/ha-landing-page.ts b/landing-page/src/ha-landing-page.ts index d7a6434e16..ecd0eaee0c 100644 --- a/landing-page/src/ha-landing-page.ts +++ b/landing-page/src/ha-landing-page.ts @@ -222,6 +222,9 @@ class HaLandingPage extends LandingPageBaseElement { flex-direction: column; gap: var(--ha-space-4); } + ha-language-picker { + min-width: 200px; + } ha-alert p { text-align: unset; } diff --git a/src/components/ha-language-picker.ts b/src/components/ha-language-picker.ts index 8725121a15..5a81d1aff9 100644 --- a/src/components/ha-language-picker.ts +++ b/src/components/ha-language-picker.ts @@ -191,7 +191,6 @@ export class HaLanguagePicker extends LitElement { static styles = css` ha-generic-picker { width: 100%; - min-width: 200px; display: block; } `; diff --git a/src/components/media-player/ha-browse-media-tts.ts b/src/components/media-player/ha-browse-media-tts.ts index e448f4f268..7af3a7c9a7 100644 --- a/src/components/media-player/ha-browse-media-tts.ts +++ b/src/components/media-player/ha-browse-media-tts.ts @@ -242,6 +242,10 @@ class BrowseMediaTTS extends LitElement { margin-top: 16px; display: flex; justify-content: space-between; + gap: var(--ha-space-2); + } + ha-language-picker { + width: 100%; } ha-textarea { width: 100%; diff --git a/src/panels/config/cloud/account/cloud-tts-pref.ts b/src/panels/config/cloud/account/cloud-tts-pref.ts index fb54238f50..6149d5ae2a 100644 --- a/src/panels/config/cloud/account/cloud-tts-pref.ts +++ b/src/panels/config/cloud/account/cloud-tts-pref.ts @@ -228,21 +228,12 @@ export class CloudTTSPref extends LitElement { } .row { display: flex; + gap: var(--ha-space-2); } .row > * { flex: 1; width: 0; } - .row > *:first-child { - margin-right: 8px; - margin-inline-end: 8px; - margin-inline-start: initial; - } - .row > *:last-child { - margin-left: 8px; - margin-inline-start: 8px; - margin-inline-end: initial; - } .card-actions { display: flex; align-items: center; diff --git a/src/panels/profile/ha-pick-language-row.ts b/src/panels/profile/ha-pick-language-row.ts index 09ccbb9a6f..57c7a53000 100644 --- a/src/panels/profile/ha-pick-language-row.ts +++ b/src/panels/profile/ha-pick-language-row.ts @@ -52,6 +52,9 @@ export class HaPickLanguageRow extends LitElement { a { color: var(--primary-color); } + ha-language-picker { + width: 100%; + } `; }