uber settings - checkbox/radio clickability

chrome/browser/resources/shared/css/checkbox.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.
  */
 
 input[type='checkbox'] {
   -webkit-box-shadow: inset 0 1px 2px white,
                       0 1px 2px rgba(0, 0, 0, .2);
   -webkit-appearance: none;
   -webkit-margin-start: 0;
@@ skipping 101 matching lines @@
 
 /* .checkbox and .radio classes wrap labels. */
 
 .checkbox,
 .radio {
   margin: 9px 0;
 }
 
 .checkbox label,
 .radio label {
-  display: -webkit-box;
+  /* The extra 100px expands the clickable area past the end of the text. */
+  -webkit-padding-end: 100px;

[csilv, 2012/01/31 23:56:40]

I'd be more comfortable without this or a smaller value (say 40px).

[Evan Stade, 2012/02/01 01:09:33]

the justification is in the cl description. This more or less matches Windows,
and splits the difference between Mac and Linux. Even the bug reporter pointed
out that this was reasonable (although previously we had ignored the idea).

+  /* Don't expand horizontally: http://crbug.com/112091 */
+  display: -webkit-inline-box;
 }
 
-/* Make sure long spans wrap at the same place they start. */
+/* Make sure long spans wrap at the same horizontal position they start. */
 .checkbox label input ~ span,
 .radio label input ~ span {
-  -webkit-box-flex: 1;
   -webkit-margin-start: 0.4em;
   display: block;
 }
 
 .checkbox label input[type=checkbox],
 .radio label input[type=radio] {
   margin-top: 0;
   top: 0;
   vertical-align: top;
 }
@@ skipping 21 matching lines @@
 label:hover > input[type=radio]:disabled ~ span,
 input[type=checkbox]:disabled ~ label:hover {
   color: #888;
 }
 
 label:hover > input[type=checkbox]:not(:disabled) ~ span,
 label:hover > input[type=radio]:not(:disabled) ~ span,
 input[type=checkbox]:not(:disabled) ~ label:hover {
   color: #222;
 }