diff --git a/src/components/media-player/ha-media-player-browse.ts b/src/components/media-player/ha-media-player-browse.ts index 0d9cde1946..ad80b0d524 100644 --- a/src/components/media-player/ha-media-player-browse.ts +++ b/src/components/media-player/ha-media-player-browse.ts @@ -335,6 +335,7 @@ export class HaMediaPlayerBrowse extends LitElement { .item=${child} graphic="avatar" hasMeta + dir=${computeRTLDirection(this.hass)} >
- ${child.title} + ${child.title}
  • ` @@ -620,6 +621,7 @@ export class HaMediaPlayerBrowse extends LitElement { mwc-list { --mdc-list-vertical-padding: 0; + --mdc-list-item-graphic-margin: 0; --mdc-theme-text-icon-on-background: var(--secondary-text-color); margin-top: 10px; } @@ -728,6 +730,14 @@ export class HaMediaPlayerBrowse extends LitElement { background-color: transparent; } + mwc-list-item .title { + margin-left: 16px; + } + mwc-list-item[dir="rtl"] .title { + margin-right: 16px; + margin-left: 0; + } + /* ============= Narrow ============= */ :host([narrow]) { diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts index 33cd43dd0c..a58243857e 100644 --- a/src/panels/media-browser/ha-panel-media-browser.ts +++ b/src/panels/media-browser/ha-panel-media-browser.ts @@ -64,14 +64,12 @@ class PanelMediaBrowser extends LitElement { "ui.components.media-browser.media-player-browser" )} - - - + + + ${this.hass.localize( + "ui.components.media-browser.choose_player" + )} +
    diff --git a/src/panels/media-browser/hui-dialog-select-media-player.ts b/src/panels/media-browser/hui-dialog-select-media-player.ts index 0c45026e81..d19cebe0ee 100644 --- a/src/panels/media-browser/hui-dialog-select-media-player.ts +++ b/src/panels/media-browser/hui-dialog-select-media-player.ts @@ -40,8 +40,6 @@ export class HuiDialogSelectMediaPlayer extends LitElement { return html`