From af46b8221ed024e4bd5bb18128d94521fa066f07 Mon Sep 17 00:00:00 2001
From: Yosi Levy <37745463+yosilevy@users.noreply.github.com>
Date: Mon, 23 Sep 2024 14:16:58 +0300
Subject: [PATCH] RTL fixes (#22060)

---
 src/components/ha-outlined-field.ts                          | 2 ++
 .../lovelace/editor/card-editor/hui-card-layout-editor.ts    | 1 +
 .../editor/view-editor/hui-view-visibility-editor.ts         | 5 +++--
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-outlined-field.ts b/src/components/ha-outlined-field.ts
index 890e9ac356..88050e7734 100644
--- a/src/components/ha-outlined-field.ts
+++ b/src/components/ha-outlined-field.ts
@@ -24,9 +24,11 @@ export class HaOutlinedField extends MdOutlinedField {
       }
       .with-start .start {
         margin-inline-end: var(--ha-outlined-field-start-margin, 4px);
+        margin-inline-start: initial;
       }
       .with-end .end {
         margin-inline-start: var(--ha-outlined-field-end-margin, 4px);
+        margin-inline-end: initial;
       }
     `,
   ];
diff --git a/src/panels/lovelace/editor/card-editor/hui-card-layout-editor.ts b/src/panels/lovelace/editor/card-editor/hui-card-layout-editor.ts
index 8a4dcd782a..6ee81aba24 100644
--- a/src/panels/lovelace/editor/card-editor/hui-card-layout-editor.ts
+++ b/src/panels/lovelace/editor/card-editor/hui-card-layout-editor.ts
@@ -302,6 +302,7 @@ export class HuiCardLayoutEditor extends LitElement {
       ha-grid-size-picker {
         display: block;
         margin: 16px auto;
+        direction: ltr;
       }
       ha-yaml-editor {
         display: block;
diff --git a/src/panels/lovelace/editor/view-editor/hui-view-visibility-editor.ts b/src/panels/lovelace/editor/view-editor/hui-view-visibility-editor.ts
index af0920eba8..16ac0981f7 100644
--- a/src/panels/lovelace/editor/view-editor/hui-view-visibility-editor.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-view-visibility-editor.ts
@@ -13,6 +13,7 @@ import { fireEvent } from "../../../../common/dom/fire_event";
 import { stringCompare } from "../../../../common/string/compare";
 import { HaSwitch } from "../../../../components/ha-switch";
 import "../../../../components/user/ha-user-badge";
+import "../../../../components/ha-list-item";
 import {
   LovelaceViewConfig,
   ShowViewConfig,
@@ -71,7 +72,7 @@ export class HuiViewVisibilityEditor extends LitElement {
       </p>
       ${this._sortedUsers(this._users).map(
         (user) => html`
-          <mwc-list-item graphic="avatar" hasMeta>
+          <ha-list-item graphic="avatar" hasMeta>
             <ha-user-badge
               slot="graphic"
               .hass=${this.hass}
@@ -84,7 +85,7 @@ export class HuiViewVisibilityEditor extends LitElement {
               @change=${this.valChange}
               .checked=${this.checkUser(user.id)}
             ></ha-switch>
-          </mwc-list-item>
+          </ha-list-item>
         `
       )}
     `;