[uber page] Migrate all elements in the 'System' (cros) page to new locations.

chrome/browser/resources/options2/browser_options.html

 <div id="browserPage" class="page" hidden>
   <h1 i18n-content="browserPage"></h1>
   <section id="sync-section">
     <h3 i18n-content="syncSection"></h3>
     <div id="sync-overview" class="section-description" hidden>
       <p i18n-content="syncOverview"></p>
       <a i18n-values="href:syncLearnMoreURL" i18n-content="learnMore"></a>
     </div>
     <div id="sync-status" hidden>
       <span id="sync-status-text"></span>
@@ skipping 88 matching lines @@
         <label>
           <input id="show-window-decorations" type="checkbox"
               pref="browser.custom_chrome_frame" metric="Options_CustomFrame"
               inverted_pref>
           <span i18n-content="showWindowDecorations"></span>
         </label>
       </div>
 </if>
     </div>
   </section>
+<if expr="pp_ifdef('chromeos')">
+  <section>
+    <h3 i18n-content="deviceGroupName"></h3>
+    <div class="option-control-table">
+      <span class="option-name" i18n-content="deviceGroupPointer"></span>
+      <div id="pointer-value">
+        <div id="slider-control">
+          <input id="sensitivity-range" type="range" min="1" max="5"
+              pref="settings.touchpad.sensitivity2" class="touch-slider">
+          <div>
+            <span i18n-content="pointerSensitivityLess"></span>
+            <span id="pointer-sensitivity-more"
+                i18n-content="pointerSensitivityMore"></span>
+          </div>
+        </div>
+      </div>
+      <button id="pointer-settings-button"
+          i18n-content="pointerSettingsButtonTitle"></button>
+    </div>
+    <div>
+      <span i18n-content="deviceGroupKeyboard"></span>
+      <button id="keyboard-settings-button"
+          i18n-content="keyboardSettingsButtonTitle"></button>
+    </div>
+    <div id="brightness-value">
+      <span i18n-content="deviceGroupBrightness"></span>
+      <button id="brightness-decrease-button"
+          i18n-content="brightnessDecrease"></button>
+      <button id="brightness-increase-button"
+          i18n-content="brightnessIncrease"></button>
+    </div>
+  </section>
+</if>
   <section>
     <h3 i18n-content="defaultSearchGroupName"></h3>
       <div id="defaultSearchEngineGroup">
         <div id="defaultSearchGroupLabel"
              i18n-values=".innerHTML:defaultSearchGroupLabel"></div>
         <div>
           <select id="defaultSearchEngine" class="weakrtl"></select>
           <button id="defaultSearchManageEnginesButton"
               i18n-content="defaultSearchManageEngines"></button>
         </div>
@@ skipping 60 matching lines @@
 </if>
   <section>
     <h3 i18n-content="advancedGroupName"></h3>
     <div>
       <div i18n-content="advancedGroupDescription"></div>
       <button id="advancedOptionsButton"
           i18n-content="advancedOptionsButtonTitle"></button>
     </div>
   </section>
 </div>