From 47a4d8d410550c46788a3c94a9cc78ee6dca2543 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Fri, 19 Jul 2019 10:44:32 +0200 Subject: [PATCH] Fix form layout/button placement when responsive --- public/css/icinga/forms.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less index 320af6f80..732f7f562 100644 --- a/public/css/icinga/forms.less +++ b/public/css/icinga/forms.less @@ -26,9 +26,12 @@ form.icinga-forms { .control-group { display: flex; flex-wrap: wrap; - margin: 1em 0; align-items: flex-start; + // Negative margin-right because every child gets 1em right but we can't exclude + // the last element as it's impossible to identify the last *visible* element + margin: 1em -1em 1em 0; + > * { margin-right: 1em; } @@ -36,7 +39,6 @@ form.icinga-forms { .form-controls { display: flex; - margin-left: 16em; justify-content: flex-end; } }