diff --git a/scss/components/_array-input.scss b/scss/components/_array-input.scss index 73dc8950..c7eae8d9 100644 --- a/scss/components/_array-input.scss +++ b/scss/components/_array-input.scss @@ -41,13 +41,25 @@ &-toolbar { margin-top: $gap-sm; + + &--dnd { + padding-left: 29px; + } + + display: flex; + flex-direction: row; + justify-content: space-between; + } + + &-sortTip { + color: $text--muted-color; } &-item { display: flex; flex-direction: row; align-items: flex-start; - margin-bottom: $gap-sm; + margin-bottom: $gap-xs; > div { flex-grow: 1; diff --git a/src/components/ArrayInput.tsx b/src/components/ArrayInput.tsx index b0ad9adb..f416a101 100644 --- a/src/components/ArrayInput.tsx +++ b/src/components/ArrayInput.tsx @@ -194,7 +194,14 @@ export class ArrayInput extends React.Component {
{__(placeholder)}
)} -
+
1 + ? 'ArrayInput-toolbar--dnd' + : '' + )} + > {!Array.isArray(value) || !maxLength || value.length < maxLength ? (