DOMUI: Cleanup options_page.css a bit.

* Move the 'display: block' property of labels into the checkbox and radio
  classes.
* Remove now-superfluous properties.
* Use input[type=checkbox] instead of the checkbox class where possible.

BUG=none
TEST=none

Review URL: http://codereview.chromium.org/6046001

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@69612 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 9 insertions, 21 deletions

diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index e9bd02e..b5066e8 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -325,10 +325,14 @@ section > div:only-of-type {
  * are converted to the non-table style.
  */
 section > div:only-of-type label {
-  display: block;
   margin: 5px 0;
 }
 
+label.checkbox,
+label.radio {
+  display: block
+}
+
 .hidden {
   display: none !important;
 }
@@ -496,32 +500,16 @@ button {
  * 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.checkbox > input,
-label.radio > input {
+label > input[type=checkbox],
+label > input[type=radio] {
   margin-top: 1px;
-  position: absolute;
 }
 
-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;
 }