From 5cd3ce66f6d73a4272390bd72e8407dba4eaba8e Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Wed, 26 Apr 2023 16:54:59 +0200
Subject: [PATCH] Keep area field next to use device area field (#16324)

---
 .../entity-registry-settings-editor.ts        | 80 ++++++++++---------
 1 file changed, 44 insertions(+), 36 deletions(-)

diff --git a/src/panels/config/entities/entity-registry-settings-editor.ts b/src/panels/config/entities/entity-registry-settings-editor.ts
index 245b08bf41..c590ebcda4 100644
--- a/src/panels/config/entities/entity-registry-settings-editor.ts
+++ b/src/panels/config/entities/entity-registry-settings-editor.ts
@@ -608,11 +608,10 @@ export class EntityRegistrySettingsEditor extends LitElement {
         .disabled=${this.disabled}
         @input=${this._entityIdChanged}
       ></ha-textfield>
-      ${!this.entry.device_id || this._areaId || this._noDeviceArea
+      ${!this.entry.device_id
         ? html`<ha-area-picker
             .hass=${this.hass}
             .value=${this._areaId}
-            .placeholder=${this._device?.area_id}
             .disabled=${this.disabled}
             @value-changed=${this._areaPicked}
           ></ha-area-picker>`
@@ -794,40 +793,49 @@ export class EntityRegistrySettingsEditor extends LitElement {
 
       ${this.entry.device_id
         ? html`<ha-settings-row>
-            <span slot="heading"
-              >${this.hass.localize(
-                "ui.dialogs.entity_registry.editor.use_device_area"
-              )}
-              ${this.hass.devices[this.entry.device_id].area_id
-                ? `(${
-                    this.hass.areas[
-                      this.hass.devices[this.entry.device_id].area_id!
-                    ]?.name
-                  })`
-                : ""}</span
-            >
-            <span slot="description"
-              >${this.hass.localize(
-                "ui.dialogs.entity_registry.editor.change_device_settings",
-                {
-                  link: html`<button
-                    class="link"
-                    @click=${this._openDeviceSettings}
-                  >
-                    ${this.hass.localize(
-                      "ui.dialogs.entity_registry.editor.change_device_area_link"
-                    )}
-                  </button>`,
-                }
-              )}</span
-            >
-            <ha-switch
-              .checked=${!this._areaId || this._noDeviceArea}
-              .disabled=${this.disabled}
-              @change=${this._useDeviceAreaChanged}
-            >
-            </ha-switch
-          ></ha-settings-row>`
+              <span slot="heading"
+                >${this.hass.localize(
+                  "ui.dialogs.entity_registry.editor.use_device_area"
+                )}
+                ${this.hass.devices[this.entry.device_id].area_id
+                  ? `(${
+                      this.hass.areas[
+                        this.hass.devices[this.entry.device_id].area_id!
+                      ]?.name
+                    })`
+                  : ""}</span
+              >
+              <span slot="description"
+                >${this.hass.localize(
+                  "ui.dialogs.entity_registry.editor.change_device_settings",
+                  {
+                    link: html`<button
+                      class="link"
+                      @click=${this._openDeviceSettings}
+                    >
+                      ${this.hass.localize(
+                        "ui.dialogs.entity_registry.editor.change_device_area_link"
+                      )}
+                    </button>`,
+                  }
+                )}</span
+              >
+              <ha-switch
+                .checked=${!this._areaId || this._noDeviceArea}
+                .disabled=${this.disabled}
+                @change=${this._useDeviceAreaChanged}
+              >
+              </ha-switch
+            ></ha-settings-row>
+            ${this._areaId || this._noDeviceArea
+              ? html`<ha-area-picker
+                  .hass=${this.hass}
+                  .value=${this._areaId}
+                  .placeholder=${this._device?.area_id}
+                  .disabled=${this.disabled}
+                  @value-changed=${this._areaPicked}
+                ></ha-area-picker>`
+              : ""} `
         : ""}
     `;
   }