From a9071d7920f277a4d99ca101a27ff79f7118b4bb Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 15 Jul 2020 15:26:01 +0200
Subject: [PATCH] Fix long entity name streching header (#6393)

---
 src/dialogs/more-info/ha-more-info-dialog.ts | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index 56ba7308ff..28c8cfb7fb 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -272,19 +272,22 @@ export class MoreInfoDialog extends LitElement {
             --mdc-dialog-max-width: 90vw;
           }
 
-          ha-dialog:not([data-domain="camera"]) app-toolbar {
-            max-width: 368px;
-          }
-
           .content {
             width: 352px;
           }
 
+          ha-header-bar {
+            width: 400px;
+          }
+
           .main-title {
+            overflow: hidden;
+            text-overflow: ellipsis;
             cursor: default;
           }
 
-          ha-dialog[data-domain="camera"] .content {
+          ha-dialog[data-domain="camera"] .content,
+          ha-dialog[data-domain="camera"] ha-header-bar {
             width: auto;
           }
 
@@ -292,8 +295,9 @@ export class MoreInfoDialog extends LitElement {
             width: calc(90vw - 48px);
           }
 
-          :host([large]) app-toolbar {
-            max-width: calc(90vw - 32px);
+          :host([large]) ha-dialog[data-domain="camera"] .content,
+          :host([large]) ha-header-bar {
+            width: 90vw;
           }
         }