From 1acdc9cd6c6a4683ae4c135198a2bb4cdd6fcfcc Mon Sep 17 00:00:00 2001
From: Yosi Levy <37745463+yosilevy@users.noreply.github.com>
Date: Wed, 27 Jul 2022 12:40:50 +0300
Subject: [PATCH] Various RTL fixes (#13268)

---
 src/components/ha-select.ts                         |  5 +++++
 .../more-info/controls/more-info-media_player.ts    | 13 +++++++++++++
 src/panels/config/logs/system-log-card.ts           |  7 ++++++-
 .../lovelace/editor/hui-dialog-save-config.ts       | 11 ++---------
 4 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/src/components/ha-select.ts b/src/components/ha-select.ts
index 8ed23be297..7471149051 100644
--- a/src/components/ha-select.ts
+++ b/src/components/ha-select.ts
@@ -52,6 +52,11 @@ export class HaSelect extends SelectBase {
         inset-inline-end: initial;
         direction: var(--direction);
       }
+      .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
+        inset-inline-start: 48px;
+        inset-inline-end: initial;
+        direction: var(--direction);
+      }
       .mdc-select .mdc-select__anchor {
         padding-inline-start: 12px;
         padding-inline-end: 0px;
diff --git a/src/dialogs/more-info/controls/more-info-media_player.ts b/src/dialogs/more-info/controls/more-info-media_player.ts
index eb725e4bde..afd1854fcc 100644
--- a/src/dialogs/more-info/controls/more-info-media_player.ts
+++ b/src/dialogs/more-info/controls/more-info-media_player.ts
@@ -206,6 +206,7 @@ class MoreInfoMediaPlayer extends LitElement {
         flex-wrap: wrap;
         align-items: center;
         --mdc-theme-primary: currentColor;
+        direction: ltr;
       }
 
       .basic-controls {
@@ -213,6 +214,15 @@ class MoreInfoMediaPlayer extends LitElement {
         flex-grow: 1;
       }
 
+      .volume {
+        direction: ltr;
+      }
+
+      .source-input,
+      .sound-input {
+        direction: var(--direction);
+      }
+
       .volume,
       .source-input,
       .sound-input {
@@ -225,6 +235,9 @@ class MoreInfoMediaPlayer extends LitElement {
       .sound-input ha-select {
         margin-left: 10px;
         flex-grow: 1;
+        margin-inline-start: 10px;
+        margin-inline-end: initial;
+        direction: var(--direction);
       }
 
       .tts {
diff --git a/src/panels/config/logs/system-log-card.ts b/src/panels/config/logs/system-log-card.ts
index 8286791f25..617d1bf8a1 100644
--- a/src/panels/config/logs/system-log-card.ts
+++ b/src/panels/config/logs/system-log-card.ts
@@ -102,7 +102,7 @@ export class SystemLogCard extends LitElement {
                         <paper-item @click=${this._openLog} .logItem=${item}>
                           <paper-item-body two-line>
                             <div class="row">${item.message[0]}</div>
-                            <div secondary>
+                            <div class="row-secondary" secondary>
                               ${this._timestamp(item)} –
                               ${html`(<span class=${item.level.toLowerCase()}
                                   >${this.hass.localize(
@@ -209,6 +209,11 @@ export class SystemLogCard extends LitElement {
       .empty-content {
         direction: var(--direction);
       }
+
+      .row-secondary {
+        direction: var(--direction);
+        text-align: left;
+      }
     `;
   }
 }
diff --git a/src/panels/lovelace/editor/hui-dialog-save-config.ts b/src/panels/lovelace/editor/hui-dialog-save-config.ts
index d12d38fdb7..645bccabf0 100644
--- a/src/panels/lovelace/editor/hui-dialog-save-config.ts
+++ b/src/panels/lovelace/editor/hui-dialog-save-config.ts
@@ -1,6 +1,6 @@
 import "@material/mwc-button";
 import { mdiHelpCircle } from "@mdi/js";
-import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
+import { CSSResultGroup, html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators";
 import { fireEvent } from "../../../common/dom/fire_event";
 import { computeRTLDirection } from "../../../common/util/compute_rtl";
@@ -197,14 +197,7 @@ export class HuiSaveConfig extends LitElement implements HassDialog {
   }
 
   static get styles(): CSSResultGroup {
-    return [
-      haStyleDialog,
-      css`
-        ha-switch {
-          padding-bottom: 16px;
-        }
-      `,
-    ];
+    return [haStyleDialog];
   }
 }