From 346bc8409390aac3e8894fcaf97c7d19cf9ba117 Mon Sep 17 00:00:00 2001
From: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com>
Date: Tue, 1 Jul 2025 17:08:01 +0200
Subject: [PATCH] fix(editor): Fix mapping field icon sizes (#16886)

---
 .../editor-ui/src/components/Error/NodeErrorView.vue       | 2 +-
 .../editor-ui/src/components/ParameterInputList.vue        | 4 ++--
 .../ParameterInputOverrides/FromAiOverrideField.vue        | 2 +-
 .../src/components/ResourceMapper/MappingFields.vue        | 7 +++++--
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/editor-ui/src/components/Error/NodeErrorView.vue b/packages/frontend/editor-ui/src/components/Error/NodeErrorView.vue
index 25a3623652..9531796340 100644
--- a/packages/frontend/editor-ui/src/components/Error/NodeErrorView.vue
+++ b/packages/frontend/editor-ui/src/components/Error/NodeErrorView.vue
@@ -464,7 +464,7 @@ async function onAskAssistantClick() {
 						<N8nIconButton
 							icon="files"
 							type="secondary"
-							size="mini"
+							size="small"
 							:text="true"
 							transparent-background="transparent"
 							@click="copyErrorDetails"
diff --git a/packages/frontend/editor-ui/src/components/ParameterInputList.vue b/packages/frontend/editor-ui/src/components/ParameterInputList.vue
index 269b79ffef..7822842f52 100644
--- a/packages/frontend/editor-ui/src/components/ParameterInputList.vue
+++ b/packages/frontend/editor-ui/src/components/ParameterInputList.vue
@@ -734,7 +734,7 @@ const onCalloutDismiss = async (parameter: INodeProperties) => {
 					v-if="hideDelete !== true && !isReadOnly && !parameter.isNodeSetting"
 					type="tertiary"
 					text
-					size="mini"
+					size="small"
 					icon="trash-2"
 					class="icon-button"
 					:title="i18n.baseText('parameterInputList.delete')"
@@ -777,7 +777,7 @@ const onCalloutDismiss = async (parameter: INodeProperties) => {
 					v-if="hideDelete !== true && !isReadOnly && !parameter.isNodeSetting"
 					type="tertiary"
 					text
-					size="mini"
+					size="small"
 					icon="trash-2"
 					class="icon-button"
 					:title="i18n.baseText('parameterInputList.delete')"
diff --git a/packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue b/packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue
index 488d0a167c..1ebcf4f0ef 100644
--- a/packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue
+++ b/packages/frontend/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue
@@ -28,7 +28,7 @@ const emit = defineEmits<{
 			:class="['n8n-input', $style.overrideCloseButton]"
 			:outline="false"
 			icon="x"
-			size="mini"
+			size="small"
 			@click="emit('close')"
 		/>
 	</div>
diff --git a/packages/frontend/editor-ui/src/components/ResourceMapper/MappingFields.vue b/packages/frontend/editor-ui/src/components/ResourceMapper/MappingFields.vue
index b0a19aa166..f8665ef02f 100644
--- a/packages/frontend/editor-ui/src/components/ResourceMapper/MappingFields.vue
+++ b/packages/frontend/editor-ui/src/components/ResourceMapper/MappingFields.vue
@@ -358,7 +358,7 @@ defineExpose({
 		>
 			<div
 				v-if="resourceMapperMode === 'add' && field.required"
-				:class="['delete-option', 'mt-5xs', $style.parameterTooltipIcon]"
+				:class="['delete-option', 'mt-2xs', $style.parameterTooltipIcon]"
 			>
 				<N8nTooltip placement="top">
 					<template #content>
@@ -384,7 +384,7 @@ defineExpose({
 				<N8nIconButton
 					type="tertiary"
 					text
-					size="mini"
+					size="small"
 					icon="trash-2"
 					:data-test-id="`remove-field-button-${getParsedFieldName(field.name)}`"
 					:title="
@@ -470,7 +470,10 @@ defineExpose({
 }
 
 .parameterTooltipIcon {
+	font-size: var(--font-size-2xs);
 	color: var(--color-text-light) !important;
+	width: 26px; // match trash button size
+	text-align: center;
 }
 
 .addOption {