From 8ee9655bd5643ae577870a3367137d91bb4389ef Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Mon, 5 Sep 2022 17:44:10 +0200
Subject: [PATCH] On larger screens, move traces button out of the overflow
 menu (#13597)

---
 .../config/automation/ha-automation-editor.ts | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/panels/config/automation/ha-automation-editor.ts b/src/panels/config/automation/ha-automation-editor.ts
index 5abf51d1c6..d1af4e2947 100644
--- a/src/panels/config/automation/ha-automation-editor.ts
+++ b/src/panels/config/automation/ha-automation-editor.ts
@@ -1,3 +1,4 @@
+import "@material/mwc-button";
 import "@material/mwc-list/mwc-list-item";
 import {
   mdiCheck,
@@ -125,6 +126,21 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
               "ui.panel.config.automation.editor.default_name"
             )}
       >
+        ${this._config?.id && !this.narrow
+          ? html`
+              <a
+                class="trace-link"
+                href="/config/automation/trace/${this._config.id}"
+                slot="toolbar-icon"
+              >
+                <mwc-button>
+                  ${this.hass.localize(
+                    "ui.panel.config.automation.editor.show_trace"
+                  )}
+                </mwc-button>
+              </a>
+            `
+          : ""}
         <ha-button-menu corner="BOTTOM_START" slot="toolbar-icon">
           <ha-icon-button
             slot="trigger"
@@ -149,7 +165,7 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
             <ha-svg-icon slot="graphic" .path=${mdiPlay}></ha-svg-icon>
           </mwc-list-item>
 
-          ${stateObj && this._config
+          ${stateObj && this._config && this.narrow
             ? html`<a href="/config/automation/trace/${this._config.id}">
                 <mwc-list-item graphic="icon">
                   ${this.hass.localize(
@@ -659,6 +675,9 @@ export class HaAutomationEditor extends KeyboardShortcutMixin(LitElement) {
           flex-direction: column;
           padding-bottom: 0;
         }
+        .trace-link {
+          text-decoration: none;
+        }
         manual-automation-editor,
         blueprint-automation-editor {
           margin: 0 auto;