From 41154ae6d5cfd86aa7236ef69e80543451ed7ddc Mon Sep 17 00:00:00 2001
From: Mutasem <mutdmour@gmail.com>
Date: Wed, 11 Aug 2021 19:26:39 +0200
Subject: [PATCH] update spacing around delete sort button

---
 .../editor-ui/src/components/FixedCollectionParameter.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/components/FixedCollectionParameter.vue b/packages/editor-ui/src/components/FixedCollectionParameter.vue
index 8904037edc..f1548a0ba1 100644
--- a/packages/editor-ui/src/components/FixedCollectionParameter.vue
+++ b/packages/editor-ui/src/components/FixedCollectionParameter.vue
@@ -12,7 +12,7 @@
 					<div class="parameter-item-wrapper">
 						<div class="delete-option" v-if="!isReadOnly">
 							<font-awesome-icon icon="trash" class="reset-icon clickable" title="Delete Item" @click="deleteOption(property.name, index)" />
-							<div v-if="sortable">
+							<div v-if="sortable" class="sort-icon">
 								<font-awesome-icon v-if="index !== 0" icon="angle-up" class="clickable" title="Move up" @click="moveOptionUp(property.name, index)" />
 								<font-awesome-icon v-if="index !== (values[property.name].length -1)" icon="angle-down" class="clickable" title="Move down" @click="moveOptionDown(property.name, index)" />
 							</div>
@@ -240,7 +240,7 @@ export default mixins(genericHelpers)
 	z-index: 999;
 	color: #f56c6c;
 	left: 0;
-	top: 0;
+	top: .5em;
 	width: 15px;
 	height: 100%;
 }
@@ -265,4 +265,8 @@ export default mixins(genericHelpers)
 .no-items-exist {
 	margin: 0.8em 0;
 }
+
+.sort-icon {
+	margin-top: .5em;
+}
 </style>