Fix form layout/button placement when responsive
This commit is contained in:
parent
e327a978e8
commit
47a4d8d410
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue