Integration Card: Fix Safari header break and deal with long errors (#9070)

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",

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 {

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 {