From e8f9fc0f5e9507dbde0c1f3d465902e60c2a8104 Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Thu, 7 Apr 2022 03:46:18 +0200
Subject: [PATCH] address comments

---
 packages/editor-ui/src/components/DataDisplay.vue       | 6 +++---
 packages/editor-ui/src/components/NodeExecuteButton.vue | 1 +
 packages/editor-ui/src/components/NodeTitle.vue         | 1 +
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/editor-ui/src/components/DataDisplay.vue b/packages/editor-ui/src/components/DataDisplay.vue
index a5a5ccf394..2307c416e8 100644
--- a/packages/editor-ui/src/components/DataDisplay.vue
+++ b/packages/editor-ui/src/components/DataDisplay.vue
@@ -10,8 +10,8 @@
 		<n8n-tooltip placement="bottom-start" :value="showTriggerWaitingWarning" :disabled="!showTriggerWaitingWarning" :manual="true">
 			<div slot="content" :class="$style.triggerWarning">{{ $locale.baseText('ndv.backToCanvas.waitingForTriggerWarning') }}</div>
 			<div :class="$style.backToCanvas" @click="close">
-				<n8n-icon icon="arrow-left" color="text-xlight" size="small" />
-				<n8n-text color="text-xlight" size="small">{{ $locale.baseText('ndv.backToCanvas') }}</n8n-text>
+				<n8n-icon icon="arrow-left" color="text-xlight" size="medium" />
+				<n8n-text color="text-xlight" size="medium" :bold="true">{{ $locale.baseText('ndv.backToCanvas') }}</n8n-text>
 			</div>
 		</n8n-tooltip>
 
@@ -169,7 +169,7 @@ export default mixins(externalHooks, nodeHelpers, workflowHelpers).extend({
 	.backToCanvas {
 		position: fixed;
 		top: 10px;
-		left: 10px;
+		left: 20px;
 	}
 }
 </style>
diff --git a/packages/editor-ui/src/components/NodeExecuteButton.vue b/packages/editor-ui/src/components/NodeExecuteButton.vue
index d8a693e10c..0c63bd140f 100644
--- a/packages/editor-ui/src/components/NodeExecuteButton.vue
+++ b/packages/editor-ui/src/components/NodeExecuteButton.vue
@@ -2,6 +2,7 @@
 	<n8n-button
 		:loading="workflowRunning"
 		:label="label"
+		size="small"
 		@click="onClick"
 	/>
 </template>
diff --git a/packages/editor-ui/src/components/NodeTitle.vue b/packages/editor-ui/src/components/NodeTitle.vue
index 6ea81bd629..316e86bf78 100644
--- a/packages/editor-ui/src/components/NodeTitle.vue
+++ b/packages/editor-ui/src/components/NodeTitle.vue
@@ -79,6 +79,7 @@ export default Vue.extend({
 	overflow-wrap: anywhere;
 	height: 60px;
 	overflow: hidden;
+	padding-right: var(--spacing-s);
 }
 
 .title {