diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue
index 269dce6961..47a40eca95 100644
--- a/apps/workflowengine/src/components/Operation.vue
+++ b/apps/workflowengine/src/components/Operation.vue
@@ -4,9 +4,11 @@
{{ operation.name }}
{{ operation.description }}
-
+
+
+
diff --git a/apps/workflowengine/src/components/Workflow.vue b/apps/workflowengine/src/components/Workflow.vue
index 8166a6abce..d94d2bf90a 100644
--- a/apps/workflowengine/src/components/Workflow.vue
+++ b/apps/workflowengine/src/components/Workflow.vue
@@ -108,7 +108,7 @@ export default {
.actions {
display: flex;
flex-wrap: wrap;
- max-width: 900px;
+ max-width: 1200px;
.actions__item {
max-width: 280px;
flex-basis: 250px;
diff --git a/apps/workflowengine/src/styles/operation.scss b/apps/workflowengine/src/styles/operation.scss
index ac3d304cd7..c3ca64465e 100644
--- a/apps/workflowengine/src/styles/operation.scss
+++ b/apps/workflowengine/src/styles/operation.scss
@@ -9,7 +9,7 @@
margin-right: 20px;
margin-bottom: 20px;
}
-.icon {
+.actions__item .icon {
display: block;
width: 100%;
height: 50px;
@@ -21,6 +21,9 @@
}
.actions__item__description {
text-align: center;
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
}
.actions__item_options {
width: 100%;
@@ -38,6 +41,7 @@ h3 {
}
small {
font-size: 10pt;
+ flex-grow: 1;
}
.colored:not(.more) {