Additional RTL energy fixes (#13182)

src/panels/lovelace/cards/energy/hui-energy-compare-card.ts

@@ -26,6 +26,8 @@ export class HuiEnergyCompareCard
 
   @state() private _endCompare?: Date;
 
+  @property({ type: Boolean, reflect: true }) hidden = true;
+
   public getCardSize(): Promise<number> | number {
     return 1;
   }
@@ -82,6 +84,7 @@ export class HuiEnergyCompareCard
     this._end = data.end;
     this._startCompare = data.startCompare;
     this._endCompare = data.endCompare;
+    this.hidden = !this._startCompare;
   }
 
   private _stopCompare(): void {

src/panels/lovelace/cards/energy/hui-energy-distribution-card.ts

@@ -697,6 +697,9 @@ class HuiEnergyDistrubutionCard
     :host {
       --mdc-icon-size: 24px;
     }
+    ha-card {
+      min-width: 210px;
+    }
     .card-content {
       position: relative;
       direction: ltr;

src/panels/lovelace/cards/energy/hui-energy-grid-neutrality-gauge-card.ts

@@ -161,6 +161,7 @@ class HuiEnergyGridGaugeCard
       ha-gauge {
         width: 100%;
         max-width: 250px;
+        direction: ltr;
       }
 
       .name {

src/panels/lovelace/cards/energy/hui-energy-solar-consumed-gauge-card.ts

@@ -157,6 +157,7 @@ class HuiEnergySolarGaugeCard
       ha-gauge {
         width: 100%;
         max-width: 250px;
+        direction: ltr;
       }
 
       .name {

src/panels/lovelace/views/hui-masonry-view.ts

@@ -322,7 +322,7 @@ export class MasonryView extends LitElement implements LovelaceViewElement {
         min-width: 0;
       }
 
-      .column > * {
+      .column > *:not([hidden]) {
         display: block;
         margin: var(--masonry-view-card-margin, 4px 4px 8px);
       }

src/panels/lovelace/views/hui-sidebar-view.ts

@@ -223,7 +223,7 @@ export class SideBarView extends LitElement implements LovelaceViewElement {
         box-sizing: border-box;
       }
 
-      .container > div > * {
+      .container > div > *:not([hidden]) {
         display: block;
         margin: var(--masonry-view-card-margin, 4px 4px 8px);
       }