vertically align checkboxes and radiobuttons

This commit is contained in:
Bruno Windels 2020-12-07 17:35:49 +01:00
parent e5fb5709f7
commit 639a189730
4 changed files with 12 additions and 8 deletions

View file

@ -3,6 +3,12 @@
margin: 18px 0;
}
.ClientListView .filterOption {
display: flex;
align-items: center;
margin: 8px 0;
}
.ClientView {
border: 1px solid #E6E6E6;
border-radius: 8px;

View file

@ -79,6 +79,10 @@ button, input {
font-weight: inherit;
}
input[type="checkbox"], input[type="radio"] {
margin: 0 8px 0 0;
}
.RootView {
margin: 0 auto;
max-width: 480px;

View file

@ -21,8 +21,7 @@ limitations under the License.
.ServerConsentView .actions label {
display: flex;
align-items: end;
gap: 5px;
align-items: center;
}
.ServerConsentView .actions {
@ -45,11 +44,6 @@ limitations under the License.
align-items: center;
}
.ServerOptions label > span,
.ServerOptions label > .line {
margin-left: 8px;
}
.ServerOptions label > .line {
flex: 1;
border: none;

View file

@ -48,7 +48,7 @@ class AllClientsView extends TemplateView {
}),
"Show apps not available on my platform"
])),
t.div(t.label([
t.div(t.label({className: "filterOption"}, [
t.input({
type: "checkbox",
checked: vm.showExperimental,