fix event icon sizes and text alignment

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

diff --git a/apps/workflowengine/src/components/Event.vue b/apps/workflowengine/src/components/Event.vue
index cce0673c7c16418769ce4e873f7fa1da790e64a8..a00777d25e6a10982132d41f63b4e55cbbad5155 100644 (file)
--- 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 b0e00d7367915d7bf521fc322b57ce07809503a0..c59c4568f197bdf5f9749134ad817ff0fb271921 100644 (file)
--- 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;