From ac5f85820f9a5db809309a66a1987a527b42742d Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Sun, 2 May 2021 01:54:40 -0700
Subject: [PATCH] Integration Card: Fix Safari header break and deal with long
 errors (#9070)

---
 gallery/src/demos/demo-integration-card.ts              | 3 ++-
 src/panels/config/integrations/ha-integration-card.ts   | 6 ++++++
 src/panels/config/integrations/ha-integration-header.ts | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/gallery/src/demos/demo-integration-card.ts b/gallery/src/demos/demo-integration-card.ts
index 2c9039b7b3..7fb8607930 100644
--- a/gallery/src/demos/demo-integration-card.ts
+++ b/gallery/src/demos/demo-integration-card.ts
@@ -86,7 +86,8 @@ const setupRetryReasonEntry = createConfigEntry("Setup Retry", {
 });
 const setupRetryReasonMissingKeyEntry = createConfigEntry("Setup Retry", {
   state: "setup_retry",
-  reason: "resolve_error",
+  reason:
+    "HTTPSConnectionpool: Max retries exceeded with NewConnectionError('<urllib3.connection.HTTPSConnection object at 0x9eedfc10>: Failed to establish a new connection: [Errno 113] Host is unreachable')",
 });
 const failedUnloadEntry = createConfigEntry("Failed Unload", {
   state: "failed_unload",
diff --git a/src/panels/config/integrations/ha-integration-card.ts b/src/panels/config/integrations/ha-integration-card.ts
index 6b90bdd396..6616241710 100644
--- a/src/panels/config/integrations/ha-integration-card.ts
+++ b/src/panels/config/integrations/ha-integration-card.ts
@@ -640,6 +640,12 @@ export class HaIntegrationCard extends LitElement {
           margin-left: 8px;
           padding-top: 2px;
           padding-right: 2px;
+          word-wrap: break-word;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 7;
+          overflow: hidden;
+          text-overflow: ellipsis;
         }
 
         .content {
diff --git a/src/panels/config/integrations/ha-integration-header.ts b/src/panels/config/integrations/ha-integration-header.ts
index d4d9c64ffb..3e49fe81d4 100644
--- a/src/panels/config/integrations/ha-integration-header.ts
+++ b/src/panels/config/integrations/ha-integration-header.ts
@@ -131,6 +131,7 @@ export class HaIntegrationHeader extends LitElement {
       height: 40px;
     }
     .header .info {
+      flex: 1;
       align-self: center;
     }
     .header .info div {