Fix text alignment on settings/system page.

chrome/browser/resources/options/chromeos/system_options.html

Index: chrome/browser/resources/options/chromeos/system_options.html
diff --git a/chrome/browser/resources/options/chromeos/system_options.html b/chrome/browser/resources/options/chromeos/system_options.html
index f0b59937dc33559e17afa5d41b8ff96312c90fbb..a1eae8eba6a1692330a0770dd3e26b3a5c2fe209 100644
--- a/chrome/browser/resources/options/chromeos/system_options.html
+++ b/chrome/browser/resources/options/chromeos/system_options.html
@@ -3,91 +3,78 @@
   <div class="displaytable">
     <section>
       <h3 i18n-content="datetime_title"></h3>
-      <table class="option-control-table">
-        <tr>
-          <td class="option-name" i18n-content="timezone"></td>
-          <td class="option-value">
+      <div class="option-control-table">
+        <span class="option-name" i18n-content="timezone"></span>
+        <div class="option-value">
           <select id="timezone-select" class="control"
-               i18n-options="timezoneList"
-               dataType="string"
-               pref="cros.system.timezone"></select>
-          </td>
-        <tr>
-          <td class="option-name" colspan="2">
-            <div class="checkbox">
-              <label>
-                <input id="use-24hour-clock"
-                    pref="settings.clock.use_24hour_clock"
-                    type="checkbox">
-                <span i18n-content="use_24hour_clock"></span>
-              </label>
-            </div>
-          </td>
-        </tr>
-        </tr>
-      </table>
+              i18n-options="timezoneList"
+              dataType="string"
+              pref="cros.system.timezone"></select>
+        </div>
+        <br>

[James Hawkins, 2011/06/09 16:29:12]

Why are you using <br> here?

[kevers, 2011/06/09 21:58:34]

Was using as a matter of convenience.  Refactored to use CSS rules instead for
the layout.

+        <div class="checkbox">
+          <label>
+            <input id="use-24hour-clock"
+                pref="settings.clock.use_24hour_clock"
+                type="checkbox">
+            <span i18n-content="use_24hour_clock"></span>
+          </label>
+        </div>
+      </div>
     </section>
     <section>
       <h3 i18n-content="touchpad"></h3>
-      <table class="option-control-table">
-        <tr>
-          <td class="option-name" i18n-content="sensitivity"></td>
-          <td class="option-value">
-            <input id="sensitivity-range" type="range" min="1" max="5"
-                pref="settings.touchpad.sensitivity2" class="touch-slider">
-          </td>
-        </tr>
-        <tr>
-          <td></td>
-          <td>
-            <span i18n-content="sensitivity_less"></span>
-            <span i18n-content="sensitivity_more"
-                class="touchpad-sensitivity-more"></span>
-          </td>
-        </tr>
-        <tr>
-          <td class="option-name" colspan="2">
-            <div class="checkbox">
-              <label>
-                <input id="tap-to-click-check"
-                    pref="settings.touchpad.enable_tap_to_click"
-                    type="checkbox">
-                <span i18n-content="enable_tap_to_click"></span>
-              </label>
+      <div class="option-control-table">
+        <span class="option-name" i18n-content="sensitivity"></span>
+	<div class="slider-control">
+          <div class="slider-composite">
+            <div class="option-value">
+              <input id="sensitivity-range" type="range" min="1" max="5"
+                  pref="settings.touchpad.sensitivity2" class="touch-slider">
+            </div>
+            <div>
+              <span i18n-content="sensitivity_less"></span>
+              <span i18n-content="sensitivity_more"
+                  class="touchpad-sensitivity-more"></span>
             </div>
-          </td>
-        </tr>
-      </table>
+          </div>
+        </div>
+        <br>
+        <div class="checkbox">
+          <label>
+            <input id="tap-to-click-check"
+                pref="settings.touchpad.enable_tap_to_click"
+                type="checkbox">
+            <span i18n-content="enable_tap_to_click"></span>
+          </label>
+        </div>
+      </div>  
     </section>
     <section>
       <h3 i18n-content="language"></h3>
-      <table class="option-control-table">
-        <tr>
-          <td class="option-name">
-            <button id="language-button" i18n-content="language_customize">
-            </button>
-          </td>
-           <td class="option-name">
-             <button id="modifier-keys-button"
-                 i18n-content="modifier_keys_customize"></button>
-           </td>
-        </tr>
-      </table>
+      <div class="option-control-table">
+        <div class="option-name">
+          <button id="language-button" i18n-content="language_customize">
+          </button>
+        </div>
+        <div class="option-name">
+          <button id="modifier-keys-button"
+              i18n-content="modifier_keys_customize"></button>
+         </div>
+      </div>
     </section>
     <section>
       <h3 i18n-content="accessibility_title"></h3>
-      <table class="option-control-table">
-        <tr>
-          <td class="option-name">
-            <div class="checkbox">
-              <label>
-                <input id="accesibility-check" type="checkbox">
-                <span i18n-content="accessibility"></span>
-              </label>
-            </div>
-          </td>
-        </tr>
-      </table>
+      <div class="option-control-table">
+        <div class="option-name">
+          <div class="checkbox">
+            <label>
+              <input id="accesibility-check" type="checkbox">
+              <span i18n-content="accessibility"></span>
+            </label>
+          </div>
+        </div>
+      </div>
     </section>
   </div>
 </div>