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 {
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;
}
}