diff --git a/css/client.css b/css/client.css index fbacecd..f4f63ff 100644 --- a/css/client.css +++ b/css/client.css @@ -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; diff --git a/css/main.css b/css/main.css index 948fa38..a9f7a77 100644 --- a/css/main.css +++ b/css/main.css @@ -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; diff --git a/css/open.css b/css/open.css index de0c018..560f7a3 100644 --- a/css/open.css +++ b/css/open.css @@ -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; diff --git a/src/open/ClientListView.js b/src/open/ClientListView.js index 4dab154..3fc43ab 100644 --- a/src/open/ClientListView.js +++ b/src/open/ClientListView.js @@ -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,