From 8d2c716fbe7f819ecb97fcb3f31c2bb2ac2668ea Mon Sep 17 00:00:00 2001
From: Yosi Levy <yosilevy@gmail.com>
Date: Fri, 28 Jan 2022 17:45:12 +0200
Subject: [PATCH] Fix config card rtl issues

---
 src/panels/config/info/ha-config-info.ts     | 6 +-----
 src/panels/config/info/integrations-card.ts  | 1 +
 src/panels/config/info/system-health-card.ts | 4 ++++
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/panels/config/info/ha-config-info.ts b/src/panels/config/info/ha-config-info.ts
index 943f6aa329..74b10c529f 100644
--- a/src/panels/config/info/ha-config-info.ts
+++ b/src/panels/config/info/ha-config-info.ts
@@ -134,7 +134,7 @@ class HaConfigInfo extends LitElement {
               : ""}
           </p>
         </div>
-        <div class="content">
+        <div>
           <system-health-card .hass=${this.hass}></system-health-card>
           <integrations-card
             .hass=${this.hass}
@@ -167,10 +167,6 @@ class HaConfigInfo extends LitElement {
           -moz-user-select: initial;
         }
 
-        .content {
-          direction: ltr;
-        }
-
         .about {
           text-align: center;
           line-height: 2em;
diff --git a/src/panels/config/info/integrations-card.ts b/src/panels/config/info/integrations-card.ts
index 17f12a7918..f4b9922e28 100644
--- a/src/panels/config/info/integrations-card.ts
+++ b/src/panels/config/info/integrations-card.ts
@@ -176,6 +176,7 @@ class IntegrationsCard extends LitElement {
       td.setup {
         text-align: right;
         white-space: nowrap;
+        direction: ltr;
       }
       th {
         text-align: right;
diff --git a/src/panels/config/info/system-health-card.ts b/src/panels/config/info/system-health-card.ts
index 5f825ac37a..301d9c1e64 100644
--- a/src/panels/config/info/system-health-card.ts
+++ b/src/panels/config/info/system-health-card.ts
@@ -264,6 +264,10 @@ class SystemHealthCard extends LitElement {
         width: 45%;
       }
 
+      td:last-child {
+        direction: ltr;
+      }
+
       .loading-container {
         display: flex;
         align-items: center;