DevTools: Make labeled checkbox a web component

Source/devtools/front_end/ui/helpScreen.css

 .help-window-outer {
     position: absolute !important;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 2000;
 }
 
 .help-window-main {
@@ skipping 201 matching lines @@
 
 .settings-experiments-warning-subsection-warning {
     color: rgb(200, 0, 0);
 }
 
 .settings-experiments-warning-subsection-message {
     color: inherit;
 }
 
 .help-content input[type=checkbox] {
-    margin-right: 7px;
+    margin: 1px 7px 1px 2px;
 }
 
 .help-content option {
     background-color: #EEEEEE;
     color: #222;
 }
 
 #settings-screen .help-window-main{
     color: rgb(48, 57, 66);
     background-color: white;
@@ skipping 344 matching lines @@
     display: none;
 }
 
 .settings-experiment-hidden label {
     background-color: #ddd;
 }
 
 .settings-developer-mode .settings-experiment-hidden {
     display: block;
 }