From 639a18973070909354903d3af59ec2a1f15e0748 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@element.io>
Date: Mon, 7 Dec 2020 17:35:49 +0100
Subject: [PATCH] vertically align checkboxes and radiobuttons

---
 css/client.css             | 6 ++++++
 css/main.css               | 4 ++++
 css/open.css               | 8 +-------
 src/open/ClientListView.js | 2 +-
 4 files changed, 12 insertions(+), 8 deletions(-)

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,