Fix spacing between text and icon

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/workflowengine/src/components/Rule.vue

@@ -30,7 +30,7 @@
 					@input="updateOperation" />
 			</Operation>
 			<div class="buttons">
-				<button	class="status-button icon"
+				<button class="status-button icon"
 					:class="ruleStatus.class"
 					@click="saveRule">
 					{{ ruleStatus.title }}
@@ -42,7 +42,9 @@
 					{{ t('workflowengine', 'Delete') }}
 				</button>
 			</div>
-			<p v-if="error" class="error-message">{{ error }}</p>
+			<p v-if="error" class="error-message">
+				{{ error }}
+			</p>
 		</div>
 	</div>
 </template>

apps/workflowengine/src/store.js

@@ -99,7 +99,7 @@ const store = new Vuex.Store({
 				events,
 				name: '', // unused in the new ui, there for legacy reasons
 				checks: [
-					{ class: null, operator: null, value: '' }
+					{ class: null, operator: null, value: '' },
 				],
 				operation: rule.operation || '',
 			})

apps/workflowengine/src/styles/operation.scss

@@ -16,7 +16,7 @@
 	background-size: 50px 50px;
 	background-position: center center;
 	margin-top: 10px;
-	margin-bottom: 20px;
+	margin-bottom: 10px;
 	background-repeat: no-repeat;
 }
 .actions__item__description {