From 81356116887b0df0267be25381676085483784eb Mon Sep 17 00:00:00 2001
From: Yosi Levy <37745463+yosilevy@users.noreply.github.com>
Date: Thu, 28 Apr 2022 08:16:18 +0300
Subject: [PATCH] Media panel fix (#12485)

---
 .../media-player/dialog-media-player-browse.ts         |  1 +
 src/panels/media-browser/ha-bar-media-player.ts        | 10 ++++++++++
 src/panels/media-browser/ha-panel-media-browser.ts     |  1 +
 3 files changed, 12 insertions(+)

diff --git a/src/components/media-player/dialog-media-player-browse.ts b/src/components/media-player/dialog-media-player-browse.ts
index 8a4f3f905e..dd77ff8daa 100644
--- a/src/components/media-player/dialog-media-player-browse.ts
+++ b/src/components/media-player/dialog-media-player-browse.ts
@@ -152,6 +152,7 @@ class DialogMediaPlayerBrowse extends LitElement {
         ha-media-player-browse {
           --media-browser-max-height: calc(100vh - 65px);
           height: calc(100vh - 65px);
+          direction: ltr;
         }
 
         @media (min-width: 800px) {
diff --git a/src/panels/media-browser/ha-bar-media-player.ts b/src/panels/media-browser/ha-bar-media-player.ts
index bfc2e63656..efff417516 100644
--- a/src/panels/media-browser/ha-bar-media-player.ts
+++ b/src/panels/media-browser/ha-bar-media-player.ts
@@ -686,6 +686,16 @@ export class BarMediaPlayer extends LitElement {
       mwc-list-item[selected] {
         font-weight: bold;
       }
+
+      :host-context([style*="direction: rtl;"]) ha-svg-icon[slot="icon"] {
+        margin-left: 8px !important;
+        margin-right: 8px !important;
+      }
+      :host-context([style*="direction: rtl;"])
+        ha-svg-icon[slot="trailingIcon"] {
+        margin-left: 0px !important;
+        margin-right: 8px !important;
+      }
     `;
   }
 }
diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts
index cfda5876f9..049fb3d5e3 100644
--- a/src/panels/media-browser/ha-panel-media-browser.ts
+++ b/src/panels/media-browser/ha-panel-media-browser.ts
@@ -278,6 +278,7 @@ class PanelMediaBrowser extends LitElement {
 
         ha-media-player-browse {
           height: calc(100vh - (100px + var(--header-height)));
+          direction: ltr;
         }
 
         :host([narrow]) ha-media-player-browse {