From e90d13e209906ad404ba445f6504b24abd10512f Mon Sep 17 00:00:00 2001
From: Milorad Filipovic <milorad@n8n.io>
Date: Tue, 30 Jan 2024 09:53:23 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Adding=20spacing=20around=20new?=
 =?UTF-8?q?=20notices?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/ParameterInputList.vue         | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/editor-ui/src/components/ParameterInputList.vue b/packages/editor-ui/src/components/ParameterInputList.vue
index 37424d6a4c8d8..3af7536ef2be7 100644
--- a/packages/editor-ui/src/components/ParameterInputList.vue
+++ b/packages/editor-ui/src/components/ParameterInputList.vue
@@ -87,13 +87,13 @@
 						/>
 					</template>
 					<template #fallback>
-						<n8n-text size="small">
+						<n8n-text size="small" class="async-notice">
 							<n8n-icon icon="sync-alt" size="xsmall" :spin="true" />
 							{{ $locale.baseText('parameterInputList.loadingFields') }}
 						</n8n-text>
 					</template>
 				</Suspense>
-				<n8n-text v-else size="small" color="danger">
+				<n8n-text v-else size="small" color="danger" class="async-notice">
 					<n8n-icon icon="exclamation-triangle" size="xsmall" />
 					{{ $locale.baseText('parameterInputList.loadingError') }}
 				</n8n-text>
@@ -242,7 +242,11 @@ export default defineComponent({
 
 		// This will catch errors in async components
 		onErrorCaptured((e, component) => {
-			if (!component._.type.name in ['FixedCollectionParameter', 'CollectionParameter']) {
+			if (
+				!['FixedCollectionParameter', 'CollectionParameter'].includes(
+					component._.type.name as string,
+				)
+			) {
 				return;
 			}
 			asyncLoadingError.value = true;
@@ -602,5 +606,10 @@ export default defineComponent({
 			font-weight: var(--font-weight-bold);
 		}
 	}
+
+	.async-notice {
+		display: block;
+		padding: var(--spacing-3xs) 0;
+	}
 }
 </style>