vertically align checkboxes and radiobuttons

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;

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;

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;

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,