Fix form layout/button placement when responsive

This commit is contained in:
Johannes Meyer 2019-07-19 10:44:32 +02:00
parent e327a978e8
commit 47a4d8d410
1 changed files with 4 additions and 2 deletions

View File

@ -26,9 +26,12 @@ form.icinga-forms {
.control-group { .control-group {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin: 1em 0;
align-items: flex-start; 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; margin-right: 1em;
} }
@ -36,7 +39,6 @@ form.icinga-forms {
.form-controls { .form-controls {
display: flex; display: flex;
margin-left: 16em;
justify-content: flex-end; justify-content: flex-end;
} }
} }