Put button menu above toolbar in automation editor (#16716)

src/panels/config/automation/action/ha-automation-action-row.ts

@@ -191,6 +191,7 @@ export default class HaAutomationActionRow extends LitElement {
                   slot="icons"
                   @action=${this._handleAction}
                   @click=${preventDefault}
+                  fixed
                 >
                   <ha-icon-button
                     slot="trigger"

src/panels/config/automation/action/ha-automation-action.ts

@@ -147,7 +147,11 @@ export default class HaAutomationAction extends LitElement {
           `
         )}
       </div>
-      <ha-button-menu @action=${this._addAction} .disabled=${this.disabled}>
+      <ha-button-menu
+        @action=${this._addAction}
+        .disabled=${this.disabled}
+        fixed
+      >
         <ha-button
           slot="trigger"
           outlined

src/panels/config/automation/condition/ha-automation-condition-row.ts

@@ -130,6 +130,7 @@ export default class HaAutomationConditionRow extends LitElement {
                   slot="icons"
                   @action=${this._handleAction}
                   @click=${preventDefault}
+                  fixed
                 >
                   <ha-icon-button
                     slot="trigger"

src/panels/config/automation/condition/ha-automation-condition.ts

@@ -191,7 +191,11 @@ export default class HaAutomationCondition extends LitElement {
           `
         )}
       </div>
-      <ha-button-menu @action=${this._addCondition} .disabled=${this.disabled}>
+      <ha-button-menu
+        @action=${this._addCondition}
+        .disabled=${this.disabled}
+        fixed
+      >
         <ha-button
           slot="trigger"
           outlined

src/panels/config/automation/trigger/ha-automation-trigger-row.ts

@@ -153,6 +153,7 @@ export default class HaAutomationTriggerRow extends LitElement {
                   slot="icons"
                   @action=${this._handleAction}
                   @click=${preventDefault}
+                  fixed
                 >
                   <ha-icon-button
                     slot="trigger"

src/panels/config/automation/trigger/ha-automation-trigger.ts

@@ -75,8 +75,7 @@ export default class HaAutomationTrigger extends LitElement {
 
   protected render() {
     return html`
-      ${
+      ${this.reOrderMode && !this.nested
-        this.reOrderMode && !this.nested
         ? html`
             <ha-alert
               alert-type="info"
@@ -94,8 +93,7 @@ export default class HaAutomationTrigger extends LitElement {
               </mwc-button>
             </ha-alert>
           `
-          : null
+        : null}
-      }
       <div class="triggers">
         ${repeat(
           this.triggers,
@@ -141,8 +139,11 @@ export default class HaAutomationTrigger extends LitElement {
             </ha-automation-trigger-row>
           `
         )}
-        </div>
+        <ha-button-menu
-        <ha-button-menu @action=${this._addTrigger} .disabled=${this.disabled}>
+          @action=${this._addTrigger}
+          .disabled=${this.disabled}
+          fixed
+        >
           <ha-button
             slot="trigger"
             outlined
@@ -153,8 +154,7 @@ export default class HaAutomationTrigger extends LitElement {
           >
             <ha-svg-icon .path=${mdiPlus} slot="icon"></ha-svg-icon>
           </ha-button>
-          ${
+          ${this.clipboard?.trigger
-            this.clipboard?.trigger
             ? html` <mwc-list-item .value=${PASTE_VALUE} graphic="icon">
                 ${this.hass.localize(
                   "ui.panel.config.automation.editor.triggers.paste"
@@ -167,8 +167,7 @@ export default class HaAutomationTrigger extends LitElement {
                   .path=${mdiContentPaste}
                 ></ha-svg-icon
               ></mwc-list-item>`
-              : nothing
+            : nothing}
-          }
           ${this._processedTypes(this.hass.localize).map(
             ([opt, label, icon]) => html`
               <mwc-list-item .value=${opt} graphic="icon">