From b172d0f0a349e90f40da12b7d2129d61a35461fc Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 27 Jan 2025 17:25:41 +0100
Subject: [PATCH] fix(frontend): make argInput indent optional (#5144)

---
 frontend/src/lib/components/ArgInput.svelte   |  3 +-
 frontend/src/lib/components/SchemaForm.svelte | 86 ++++++++++---------
 2 files changed, 46 insertions(+), 43 deletions(-)

diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index c073eb2fcd..ce6abe8e5f 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -354,8 +354,9 @@
 <!-- svelte-ignore a11y-autofocus -->
 <div
 	class={twMerge(
-		'flex flex-col w-full rounded-md px-2 relative',
+		'flex flex-col w-full rounded-md relative',
 		minW ? 'min-w-[250px]' : '',
+		diffStatus?.diff ? 'px-2' : '',
 		diffStatus?.diff == 'added'
 			? 'bg-green-300 dark:bg-green-800'
 			: diffStatus?.diff === 'removed'
diff --git a/frontend/src/lib/components/SchemaForm.svelte b/frontend/src/lib/components/SchemaForm.svelte
index 4a1756347d..abfa88cb65 100644
--- a/frontend/src/lib/components/SchemaForm.svelte
+++ b/frontend/src/lib/components/SchemaForm.svelte
@@ -190,48 +190,50 @@
 				{#if !schemaSkippedValues.includes(argName) && keys.includes(argName)}
 					{#if typeof diff[argName] === 'object' && diff[argName].oldSchema}
 						{@const formerProperty = diff[argName].oldSchema}
-						<ArgInput
-							{disablePortal}
-							{resourceTypes}
-							{prettifyHeader}
-							autofocus={i == 0 && autofocus ? true : null}
-							label={argName}
-							description={formerProperty?.description}
-							value={args[argName]}
-							type={formerProperty?.type}
-							oneOf={formerProperty?.oneOf}
-							required={formerProperty?.required}
-							pattern={formerProperty?.pattern}
-							valid={inputCheck[argName]}
-							defaultValue={structuredClone(formerProperty?.default)}
-							enum_={formerProperty?.enum}
-							format={formerProperty?.format}
-							contentEncoding={formerProperty?.contentEncoding}
-							customErrorMessage={formerProperty?.customErrorMessage}
-							properties={formerProperty?.properties}
-							order={formerProperty?.order}
-							nestedRequired={formerProperty?.required}
-							itemsType={formerProperty?.items}
-							disabled={disabledArgs.includes(argName) || disabled || formerProperty?.disabled}
-							{compact}
-							{variableEditor}
-							{itemPicker}
-							{pickForField}
-							password={linkedSecret == argName}
-							extra={formerProperty}
-							{showSchemaExplorer}
-							simpleTooltip={schemaFieldTooltip[argName]}
-							{onlyMaskPassword}
-							nullable={formerProperty?.nullable}
-							title={formerProperty?.title}
-							placeholder={formerProperty?.placeholder}
-							orderEditable={dndConfig != undefined}
-							otherArgs={args}
-							{helperScript}
-							{lightHeader}
-							hideNested={typeof diff[argName].diff === 'object'}
-							diffStatus={undefined}
-						/>
+						<div class="px-2">
+							<ArgInput
+								{disablePortal}
+								{resourceTypes}
+								{prettifyHeader}
+								autofocus={i == 0 && autofocus ? true : null}
+								label={argName}
+								description={formerProperty?.description}
+								value={args[argName]}
+								type={formerProperty?.type}
+								oneOf={formerProperty?.oneOf}
+								required={formerProperty?.required}
+								pattern={formerProperty?.pattern}
+								valid={inputCheck[argName]}
+								defaultValue={structuredClone(formerProperty?.default)}
+								enum_={formerProperty?.enum}
+								format={formerProperty?.format}
+								contentEncoding={formerProperty?.contentEncoding}
+								customErrorMessage={formerProperty?.customErrorMessage}
+								properties={formerProperty?.properties}
+								order={formerProperty?.order}
+								nestedRequired={formerProperty?.required}
+								itemsType={formerProperty?.items}
+								disabled={disabledArgs.includes(argName) || disabled || formerProperty?.disabled}
+								{compact}
+								{variableEditor}
+								{itemPicker}
+								{pickForField}
+								password={linkedSecret == argName}
+								extra={formerProperty}
+								{showSchemaExplorer}
+								simpleTooltip={schemaFieldTooltip[argName]}
+								{onlyMaskPassword}
+								nullable={formerProperty?.nullable}
+								title={formerProperty?.title}
+								placeholder={formerProperty?.placeholder}
+								orderEditable={dndConfig != undefined}
+								otherArgs={args}
+								{helperScript}
+								{lightHeader}
+								hideNested={typeof diff[argName].diff === 'object'}
+								diffStatus={undefined}
+							/>
+						</div>
 					{/if}
 					<!-- svelte-ignore a11y-no-static-element-interactions -->
 					<div