CSS: Right align form control elements

refs #3676
This commit is contained in:
Florian Strohmaier 2019-06-25 11:38:13 +02:00 committed by Johannes Meyer
parent a43b54ae22
commit 3a3fce23f7

View File

@ -19,25 +19,13 @@ form:not(.inline):not([role="search"]) {
width: 80%; width: 80%;
} }
.form-element,
.form-controls { .form-controls {
display: flex; display: flex;
margin-left: 16em; margin-left: 16em;
justify-content: flex-end;
} }
.form-control {
display: inline-block;
float: right;
&:not(:last-child) {
margin-left: .5em;
}
&:last-child {
.clearfix();
}
}
.control-group { .control-group {
display: flex; display: flex;
@ -210,9 +198,14 @@ input.search {
opacity: 0 opacity: 0
} }
.form-controls input:not(:last-child), .form-controls {
.form-controls button:not(:last-child) { .spinner {
margin-right: 1em; order: -1;
}
.btn-primary {
order: 99;
}
} }
.control-group select:not([multiple]) { .control-group select:not([multiple]) {