Fix text alignment of port forwarding checkbox

This makes sure that the text is properly centered.

Before and after as shown in screenshot of crbug.com/933114

R=jacktfranklin@chromium.org

Bug: 1066415
Change-Id: I0565a680e7ca4486b1e85a6d03500a66b19e5c5a
Fixed: 933114
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2144097
Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Yang Guo <yangguo@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Cr-Commit-Position: refs/heads/master@{#757825}

chrome/browser/resources/inspect/inspect.css

@@ -334,8 +334,8 @@ dialog.config {
   position: relative;
 }
 
-#port-forwarding-enable {
-  vertical-align: middle;
+.port-forwarding-container {
+  display: flex;
 }
 
 .close-button {

chrome/browser/resources/inspect/inspect.html

@@ -98,7 +98,7 @@ found in the LICENSE file.
       Specify hosts and ports of the target discovery servers.
   </div>
   <div class="config-buttons">
-    <label class="port-forwarding">
+    <label class="port-forwarding-container">
       <input id="port-forwarding-enable" type="checkbox" disabled>Enable port forwarding
     </label>
     <button id="button-done">Done</button>