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; margin: 18px 0;
} }
.ClientListView .filterOption {
display: flex;
align-items: center;
margin: 8px 0;
}
.ClientView { .ClientView {
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
border-radius: 8px; border-radius: 8px;

View File

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

View File

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

View File

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