fix event icon sizes and text alignment

Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>

2 files changed, 10 insertions, 7 deletions

diff --git a/apps/workflowengine/src/components/Event.vue b/apps/workflowengine/src/components/Event.vue
index cce0673c7c1..a00777d25e6 100644
--- a/apps/workflowengine/src/components/Event.vue
+++ b/apps/workflowengine/src/components/Event.vue
@@ -84,10 +84,7 @@ export default {
 	}
 	.isComplex {
 		img {
-			vertical-align: top;
-			padding-top: 4px;
-			padding-bottom: 4px;
-			padding-left: 4px;
+			vertical-align: text-top;
 		}
 		span {
 			padding-top: 2px;
@@ -131,6 +128,11 @@ export default {
 		font-weight: 900;
 	}
 
+	.option__icon {
+		width: 16px;
+		height: 16px;
+	}
+
 	.eventlist img,
 	.eventlist .text {
 		vertical-align: middle;
diff --git a/apps/workflowengine/src/components/Rule.vue b/apps/workflowengine/src/components/Rule.vue
index b0e00d73679..c59c4568f19 100644
--- a/apps/workflowengine/src/components/Rule.vue
+++ b/apps/workflowengine/src/components/Rule.vue
@@ -232,21 +232,22 @@ export default {
 	.trigger p, .action p {
 		min-height: 34px;
 		display: flex;
-		align-items: center;
 
 		& > span {
 			min-width: 50px;
 			text-align: right;
 			color: var(--color-text-maxcontrast);
 			padding-right: 10px;
-			padding-top: 7px;
-			margin-bottom: auto;
+			padding-top: 6px;
 		}
 		.multiselect {
 			flex-grow: 1;
 			max-width: 300px;
 		}
 	}
+	.trigger p:first-child span {
+			padding-top: 3px;
+	}
 
 	.check--add {
 		background-position: 7px center;