Perfect checkbox/radio spacing in settings pages.

chrome/browser/resources/shared/css/widgets.css

 /* Copyright (c) 2012 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.
  */
 
 /* This file defines styles for form controls. The order of rule blocks is
  * important as there are some rules with equal specificity that rely on order
  * as a tiebreaker. These are marked with OVERRIDE.
  */
 
@@ skipping 56 matching lines @@
   bottom: 2px;
   height: 13px;
   position: relative;
   vertical-align: middle;
   width: 13px;
 }
 
 input[type='radio'] {
   /* OVERRIDE */
   border-radius: 100%;
+  bottom: 3px;
   height: 15px;
   position: relative;
+  vertical-align: middle;
   width: 15px;
 }
 
 /* Checked ********************************************************************/
 
 input[type='checkbox']:checked::before {
   -webkit-user-select: none;
   background-image: url('../images/check.png');
   background-size: 100% 100%;
   content: '';
@@ skipping 144 matching lines @@
 
 .checkbox label,
 .radio label {
   color: #444;
   /* Don't expand horizontally: <http://crbug.com/112091>. */
   display: -webkit-inline-box;
 }
 
 .checkbox label input ~ span,
 .radio label input ~ span {
-  -webkit-margin-start: 0.4em;
+  -webkit-margin-start: 0.6em;
   /* Make sure long spans wrap at the same horizontal position they start. */
   display: block;
 }
 
 .checkbox label:hover,
 .radio label:hover {
   color: black;
 }
 
 label > input[type=checkbox]:disabled ~ span,
@@ skipping 20 matching lines @@
 input[type='search'] {
   -webkit-appearance: textfield;
   /* NOTE: Keep a relatively high min-width for this so we don't obscure the end
    * of the default text in relatively spacious languages (i.e. German). */
   min-width: 160px;
 }
 
 input[type='text']:disabled {
   color: #888;
 }