[Merge M56] Make the extended reporting opt-in checkbox into a flexbox.

components/security_interstitials/core/browser/resources/interstitial_v2.css

 /* Copyright 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. */
 
 a {
   color: #585858;
 }
 
 .bad-clock .icon {
   background-image: -webkit-image-set(
@@ skipping 148 matching lines @@
   display: inline;
 }
 
 #extended-reporting-opt-in {
   font-size: .875em;
   margin-top: 39px;
 }
 
 #extended-reporting-opt-in label {
   position: relative;
+  display: flex;
+  align-items: flex-start;
 }
 
 .nav-wrapper {
   margin-top: 51px;
 }
 
 .nav-wrapper::after {
   clear: both;
   content: '';
   display: table;
@@ skipping 49 matching lines @@
       url(images/1x/brokenssl_red.png) 1x,
       url(images/2x/brokenssl_red.png) 2x);
 }
 
 .captive-portal .icon {
   background-image: -webkit-image-set(
       url(images/1x/captive_portal_page_icon.png) 1x,
       url(images/2x/captive_portal_page_icon.png) 2x);
 }
 
+.checkboxes {
+  flex: 0 0 24px;
+}
+
 .checkbox {
   background: transparent;
   border: 1px solid white;
   border-radius: 2px;
   display: block;
   height: 14px;
   left: 0;
   position: absolute;
   right: 0;
-  top: -1px;
+  top: 3px;
   width: 14px;
 }
 
 .checkbox::before {
   background: transparent;
   border: 2px solid white;
   border-right-width: 0;
   border-top-width: 0;
   content: '';
   height: 4px;
@@ skipping 388 matching lines @@
     width: 100%;
   }
 }
 
 @media (max-width: 239px) and (orientation: portrait) {
   .nav-wrapper {
     padding-left: 0;
     padding-right: 0;
   }
 }