fix(editor): Fix execution debug button (#9018)

n8n-io · Apr 3, 2024 · aac77e1 · aac77e1
1 parent 286fa5c
commit aac77e1
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue b/packages/editor-ui/src/components/ExecutionsView/ExecutionPreview.vue
@@ -79,14 +79,7 @@
 				</n8n-text>
 			</div>
 			<div>
-				<n8n-button
-					size="medium"
-					:type="debugButtonData.type"
-					:class="{
-						[$style.debugLink]: true,
-						[$style.secondary]: debugButtonData.type === 'secondary',
-					}"
-				>
+				<n8n-button size="medium" :type="debugButtonData.type" :class="$style.debugLink">
 					<router-link
 						:to="{
 							name: VIEWS.EXECUTION_DEBUG,
@@ -297,7 +290,13 @@ export default defineComponent({
 }
 
 .debugLink {
-	height: 42px;
 	margin-right: var(--spacing-xs);
+	padding: 0;
+
+	a > span {
+		display: block;
+		padding: var(--button-padding-vertical, var(--spacing-xs))
+			var(--button-padding-horizontal, var(--spacing-m));
+	}
 }
 </style>