Various RTL fixes (#13268)

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;

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 {

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;
+      }
     `;
   }
 }

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 [
+    return [haStyleDialog];
-      haStyleDialog,
-      css`
-        ha-switch {
-          padding-bottom: 16px;
-        }
-      `,
-    ];
   }
 }