From d4720a9244da0d88192f868be45b70dd835b6db5 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Mon, 10 May 2021 22:22:54 +0200
Subject: [PATCH] Align state info in center (#9153)

---
 src/components/entity/state-info.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/entity/state-info.ts b/src/components/entity/state-info.ts
index f53089578f..8e56ee10f7 100644
--- a/src/components/entity/state-info.ts
+++ b/src/components/entity/state-info.ts
@@ -73,7 +73,7 @@ class StateInfo extends LitElement {
                 </div>
               </paper-tooltip>
             </div>`
-          : html`<div class="extra-info"><slot> </slot></div>`}
+          : html`<div class="extra-info"><slot></slot></div>`}
       </div>`;
   }
 
@@ -106,6 +106,10 @@ class StateInfo extends LitElement {
 
       .info {
         margin-left: 56px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        height: 100%;
       }
 
       :host([rtl]) .info {