From ea95fb98aa0d27f3f652fe36e6a8aa61467e6dad Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 28 Feb 2023 11:34:35 +0100
Subject: [PATCH] Fix lock more info with attributes (#15622)

* Fix lock more info with attributes

* Update src/dialogs/more-info/controls/more-info-lock.ts

Co-authored-by: Bram Kragten <mail@bramkragten.nl>

---------

Co-authored-by: Bram Kragten <mail@bramkragten.nl>
---
 src/dialogs/more-info/controls/more-info-lock.ts | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/dialogs/more-info/controls/more-info-lock.ts b/src/dialogs/more-info/controls/more-info-lock.ts
index 2be217eda6..33afb0e93f 100644
--- a/src/dialogs/more-info/controls/more-info-lock.ts
+++ b/src/dialogs/more-info/controls/more-info-lock.ts
@@ -21,7 +21,7 @@ class MoreInfoLock extends LitElement {
     }
     return html`
       ${this.stateObj.attributes.code_format
-        ? html`
+        ? html`<div class="code">
             <ha-textfield
               .label=${this.hass.localize("ui.card.lock.code")}
               .pattern=${this.stateObj.attributes.code_format}
@@ -36,7 +36,7 @@ class MoreInfoLock extends LitElement {
               : html`<mwc-button @click=${this._callService} data-service="lock"
                   >${this.hass.localize("ui.card.lock.lock")}</mwc-button
                 >`}
-          `
+          </div>`
         : ""}
       <ha-attributes
         .hass=${this.hass}
@@ -59,6 +59,18 @@ class MoreInfoLock extends LitElement {
     :host {
       display: flex;
       align-items: center;
+      flex-direction: column;
+    }
+    .code {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: flex-start;
+      margin-bottom: 8px;
+      width: 100%;
+    }
+    ha-attributes {
+      width: 100%;
     }
   `;
 }