From 4d8af92fa3a43f203679bbbd37968c127d056a4d Mon Sep 17 00:00:00 2001
From: "stuartmorgan@chromium.org"
 <stuartmorgan@chromium.org@0039d316-1c4b-4281-b951-d872f2087c98>
Date: Wed, 23 Feb 2011 19:40:37 +0000
Subject: WebUI Prefs: Don't use display:block for labels

Separates our labels into a div and a label, so that labels are no longer display:block. Making labels display:block turns out to be undesirable because it makes the clickable area for the control the full width of the pane, rather than just the control and the label text.

BUG=69792
TEST=Click to the right of a checkbox or radio button's label; it should not active the control.

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

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@75772 0039d316-1c4b-4281-b951-d872f2087c98
---
 .../options/chromeos_accounts_options.html         | 36 +++++++++++++---------
 1 file changed, 21 insertions(+), 15 deletions(-)

(limited to 'chrome/browser/resources/options/chromeos_accounts_options.html')

diff --git a/chrome/browser/resources/options/chromeos_accounts_options.html b/chrome/browser/resources/options/chromeos_accounts_options.html
index 2f5af2a..0b5838a 100644
--- a/chrome/browser/resources/options/chromeos_accounts_options.html
+++ b/chrome/browser/resources/options/chromeos_accounts_options.html
@@ -9,29 +9,35 @@
       <table class="option-control-table">
       <tr>
         <td class="option-name">
-          <label class="checkbox">
-            <input id="allowBwsiCheck" pref="cros.accounts.allowBWSI"
-                type="checkbox">
-            <span i18n-content="allow_BWSI"></span>
-          </label>
+          <div class="checkbox">
+            <label>
+              <input id="allowBwsiCheck" pref="cros.accounts.allowBWSI"
+                  type="checkbox">
+              <span i18n-content="allow_BWSI"></span>
+            </label>
+          </div>
         </td>
       </tr>
       <tr>
         <td class="option-name">
-          <label class="checkbox">
-            <input id="showUserNamesCheck"
-                pref="cros.accounts.showUserNamesOnSignIn" type="checkbox">
-            <span i18n-content="show_user_on_signin"></span>
-          </label>
+          <div class="checkbox">
+            <label>
+              <input id="showUserNamesCheck"
+                  pref="cros.accounts.showUserNamesOnSignIn" type="checkbox">
+              <span i18n-content="show_user_on_signin"></span>
+            </label>
+          </div>
         </td>
       </tr>
       <tr>
         <td class="option-name">
-          <label class="checkbox">
-            <input id="useWhitelistCheck" pref="cros.accounts.allowGuest"
-                 type="checkbox" inverted_pref>
-            <span i18n-content="use_whitelist"></span>
-          </label>
+          <div class="checkbox">
+            <label>
+              <input id="useWhitelistCheck" pref="cros.accounts.allowGuest"
+                  type="checkbox" inverted_pref>
+              <span i18n-content="use_whitelist"></span>
+            </label>
+          </div>
         </td>
       </tr>
       <tr><td>&nbsp;</td></tr>
-- 
cgit v1.1