DevTools: Make labeled checkbox a web component

Source/devtools/front_end/elements/elementsPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 697 matching lines @@
 .global-animations-toolbar {
     position: absolute;
     top: 0;
     width: 100%;
     background-color: #eee;
     border-bottom: 1px solid rgb(163, 163, 163);
     padding-left: 10px;
 }
 
 label.checkbox-with-label {
-    display: flex;
     -webkit-user-select: none;
 }
 
+label.checkbox-with-label > .dt-checkbox-text {
+    margin-top: 1px;
+}
+
 .events-pane .section:not(:first-of-type) {
     border-top: 1px solid rgb(231, 231, 231);
 }
 
 .event-bar .header .title {
     font-weight: normal;
     word-wrap: break-word;
     white-space: normal;
     line-height: 18px;
 }
 
 .events-pane .section {
     margin: 0;
 }
 
 .event-bar .event-properties {
     padding-left: 16px;
 }