From a0582efc8638128223b49b660dd8a94c612114d6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Wed, 23 Oct 2019 18:07:18 +0200 Subject: [PATCH] Move delete/cancel button to the bottom MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/workflowengine/src/components/Rule.vue | 47 ++++++++++----------- 1 file changed, 23 insertions(+), 24 deletions(-) diff --git a/apps/workflowengine/src/components/Rule.vue b/apps/workflowengine/src/components/Rule.vue index fb04112b17..a598e3dcfe 100644 --- a/apps/workflowengine/src/components/Rule.vue +++ b/apps/workflowengine/src/components/Rule.vue @@ -23,28 +23,26 @@
-
- - - {{ t('workflowengine', 'Cancel rule creation') }} - - - {{ t('workflowengine', 'Remove rule') }} - - -
- +
+ + + +
@@ -163,11 +161,18 @@ export default { background-position: 10px center; } + .buttons { + display: block; + button { + float: right; + height: 34px; + } + } + .status-button { transition: 0.5s ease all; display: block; - margin: auto; - margin-right: 0; + margin: 3px 10px 3px auto; } .status-button.primary { padding-left: 32px; @@ -199,12 +204,6 @@ export default { .action { max-width: 400px; position: relative; - .buttons { - position: absolute; - right: 0; - display: flex; - z-index: 1; - } } .icon-confirm { background-position: right 27px;