DOMUI: Cleanup options_page.css a bit.

chrome/browser/resources/options/options_page.css

 body {
   -webkit-user-select: none;
   cursor: default;
   font-size: 100%;
 }
 
 #settings-title {
   -webkit-padding-end: 24px;
   color: #53637d;
   font-size: 200%;
@@ skipping 306 matching lines @@
   -webkit-box-flex: 1;
 }
 
 .option {
   margin-top: 0;
 }
 
 /* TODO(stuartmorgan): make this less specific once all pages
  * are converted to the non-table style.
  */
 section > div:only-of-type label {

[stuartmorgan, 2010/12/18 00:49:38]

Lets axe the whole 'div:only-of-type' part now too, and remove the comment.

[James Hawkins, 2010/12/18 00:54:41]

I'm hesitant to remove this right now, because it does affect the layout.  We
need to properly add the 'margin: 5px 0', but I need to think about how we're
going to do spacing correctly for all the places we need it in the page.

-  display: block;
   margin: 5px 0;
 }
 
+label.checkbox,
+label.radio {
+  display: block
+}
+
 .hidden {
   display: none !important;
 }
 
 .touch-slider {
   -webkit-appearance: slider-horizontal;
 }
 
 select {
   margin: 0px;
@@ skipping 147 matching lines @@
 button {
   margin-left: 0;
   margin-right: 0;
 }
 
 /* Checkbox and radio buttons have different sizes on different platforms. The
  * following rules have platform specific tweaks.
  * TODO(arv): Test the vertical position on Linux and CrOS as well.
  */
 
-/*
- * Webkit does not move the absolute positioned input element properly and
- * filed bug 48348 to track the problem.
- *   https://bugs.webkit.org/show_bug.cgi?id=48348
- * In the mean time, mark the outer label element 'relative' so that webkit
- * aligns the input element properly.
- */
-label.checkbox,
-label.radio {
-  position: relative;
+label > input[type=checkbox],
+label > input[type=radio] {
+  margin-top: 1px;
 }
 
-label.checkbox > input,
-label.radio > input {
-  margin-top: 1px;
-  position: absolute;
+.suboption {
+  -webkit-margin-start: 16px;
 }
 
-label.checkbox > span,
-label.radio > span,
-.suboption {
-  -webkit-margin-start: 16px;
-  display: block;
-}
-
-html[os=mac] label.checkbox > input,
-html[os=mac] label.radio > input {
+html[os=mac] label > input[type=checkbox],
+html[os=mac] label > input[type=radio] {
   margin-top: 2px;
 }