From c5f4e8ffdd4e1f88dc763dc037557b9a83939250 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Fri, 16 Sep 2022 16:40:10 +0200
Subject: [PATCH] Update certificate information dialog (#13773)

---
 .../dialog-cloud-certificate.ts                 | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/panels/config/cloud/dialog-cloud-certificate/dialog-cloud-certificate.ts b/src/panels/config/cloud/dialog-cloud-certificate/dialog-cloud-certificate.ts
index da05e069d8..a17cd270fc 100644
--- a/src/panels/config/cloud/dialog-cloud-certificate/dialog-cloud-certificate.ts
+++ b/src/panels/config/cloud/dialog-cloud-certificate/dialog-cloud-certificate.ts
@@ -3,6 +3,7 @@ import { css, CSSResultGroup, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators";
 import { formatDateTime } from "../../../../common/datetime/format_date_time";
 import { fireEvent } from "../../../../common/dom/fire_event";
+import { createCloseHeading } from "../../../../components/ha-dialog";
 import { haStyleDialog } from "../../../../resources/styles";
 import type { HomeAssistant } from "../../../../types";
 import type { CloudCertificateParams as CloudCertificateDialogParams } from "./show-dialog-cloud-certificate";
@@ -32,8 +33,13 @@ class DialogCloudCertificate extends LitElement {
     return html`
       <ha-dialog
         open
-        .heading=${this.hass!.localize(
-          "ui.panel.config.cloud.dialog_certificate.certificate_information"
+        hideActions
+        @closed=${this.closeDialog}
+        .heading=${createCloseHeading(
+          this.hass,
+          this.hass.localize(
+            "ui.panel.config.cloud.dialog_certificate.certificate_information"
+          )
         )}
       >
         <div>
@@ -76,6 +82,13 @@ class DialogCloudCertificate extends LitElement {
         .break-word {
           overflow-wrap: break-word;
         }
+        p {
+          margin-top: 0;
+          margin-bottom: 12px;
+        }
+        p:last-child {
+          margin-bottom: 0;
+        }
       `,
     ];
   }