Merge pull request #11475 from yosilevy/config-info-rtl-fix

Fix config card rtl issues

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;

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;

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;