DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/checkboxTextLabel.css

Index: Source/devtools/front_end/ui/checkboxTextLabel.css
diff --git a/Source/devtools/front_end/ui/checkboxTextLabel.css b/Source/devtools/front_end/ui/checkboxTextLabel.css
new file mode 100644
index 0000000000000000000000000000000000000000..32838a85bb3512bf2fc186122d19d6a20949ad80
--- /dev/null
+++ b/Source/devtools/front_end/ui/checkboxTextLabel.css
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2014 The Chromium Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style license that can be
+ * found in the LICENSE file.
+ */
+
+:host {
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-shrink: 0;
+    align-items: flex-start;
+}
+
+::content > .dt-checkbox-button {
+    height: 12px;
+    width: 12px;
+    margin: 2px 3px 2px 2px;
+    flex-shrink: 0;
+}