mirror of
https://github.com/Icinga/icingaweb2.git
synced 2025-07-31 01:34:09 +02:00
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…
x
Reference in New Issue
Block a user