[uber] css hack n slash

chrome/browser/resources/options2/browser_options.html

 <div id="settings" class="page" hidden>
   <header>
     <h1 i18n-content="settingsTitle"></h1>
     <span id="browser-options-search-field-container"
         class="search-field-container">
       <input id="search-field" type="search"
           i18n-values="placeholder:searchPlaceholder;
                        aria-label:searchPlaceholder" incremental>
     </span>
   </header>
 <if expr="not pp_ifdef('chromeos')">
   <section id="sync-section">
     <h3 i18n-content="sectionTitleSync"></h3>
-    <div id="sync-overview" class="section-description" hidden>
+    <div id="sync-overview" class="settings-row" hidden>
       <p i18n-content="syncOverview"></p>
       <a i18n-values="href:syncLearnMoreURL" i18n-content="learnMore"
           target="_blank">
       </a>
     </div>
-    <div id="sync-status" hidden>
+    <div id="sync-status" class="settings-row" hidden>
       <span id="sync-status-text"></span>
       <button id="sync-action-link" class="link-button"></button>
     </div>
-    <div id="sync-buttons">
+    <div id="sync-buttons" class="settings-row">
       <button id="start-stop-sync" hidden></button>
       <button id="customize-sync" i18n-content="customizeSync" hidden>
       </button>
       <div id="enable-auto-login-checkbox" class="checkbox" hidden>
         <label>
           <input id="enable-auto-login" pref="autologin.enabled"
               metric="Options_Autologin" type="checkbox">
           <span i18n-content="autologinEnabled"></span>
         </label>
       </div>
@@ skipping 67 matching lines @@
       <button id="themes-reset"
           i18n-content="themesSetClassic"></button>
     </div>
 </if>
 <if expr="pp_ifdef('toolkit_views') or is_win or is_macosx">
     <div>
       <button id="themes-gallery" i18n-content="themesGallery"></button>
       <button id="themes-reset" i18n-content="themesReset"></button>
     </div>
 </if>
-    <div>
-      <div id="home-page-select-container">
-        <label id="home-page-label" for="home-page-select"
-            i18n-content="homePage"></label>
-        <select id="home-page-select">
-          <option value="none" i18n-content="homePageNone"></option>
-          <option value="ntp" i18n-content="homePageNtp"></option>
-          <option value="url"></option>
-          <option value="choose" i18n-content="homePageChoose"></option>
-        </select>
-      </div>
-      <div class="checkbox"><label>
-          <input type="checkbox" pref="bookmark_bar.show_on_all_tabs"
-              metric="Options_ShowBookmarksBar">
-          <span i18n-content="toolbarShowBookmarksBar"></span>
-      </label></div>
+    <div class="settings-row">
+      <span i18n-content="homePage"></span>
+      <select id="home-page-select">
+        <option value="none" i18n-content="homePageNone"></option>
+        <option value="ntp" i18n-content="homePageNtp"></option>
+        <option value="url"></option>
+        <option value="choose" i18n-content="homePageChoose"></option>
+      </select>
+    </div>
+    <div class="checkbox"><label>
+        <input type="checkbox" pref="bookmark_bar.show_on_all_tabs"
+            metric="Options_ShowBookmarksBar">
+        <span i18n-content="toolbarShowBookmarksBar"></span>
+    </label></div>
 <if expr="not pp_ifdef('toolkit_views') and is_posix and not is_macosx">
-      <div class="checkbox"><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>
+    <div class="checkbox"><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="sectionTitleDevice"></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">
@@ skipping 20 matching lines @@
           i18n-content="brightnessDecrease">
       </button>
       <button id="brightness-increase-button"
           i18n-content="brightnessIncrease">
       </button>
     </div>
   </section>
 </if>
   <section>
     <h3 i18n-content="sectionTitleSearch"></h3>
-      <div id="default-search-engine-group">
-        <div id="default-search-group-label"
+      <div>
+        <span class="settings-row"
             i18n-values=".innerHTML:defaultSearchGroupLabel">
-        </div>
-        <div>
+        </span>
+        <div class="settings-row">
           <select id="default-search-engine" class="weakrtl"></select>
           <button id="manage-default-search-engines"
               i18n-content="defaultSearchManageEngines">
           </button>
         </div>
-        <div id="instant-setting" class="checkbox">
+        <div class="checkbox">
           <label id="instant-label">
             <!-- TODO(estade): metric? -->
             <input id="instant-field-trial-control" type="checkbox"
                 checked="checked" hidden>
             <input id="instant-enabled-control" type="checkbox"
                 pref="instant.enabled">
             <!-- TODO(estade) There's a link in here which should not be inside
                  a <label>. -->
             <span i18n-values=".innerHTML:instantPrefAndWarning"></span>
           </label>
         </div>
       </div>
   </section>
   <section>
     <h3 i18n-content="sectionTitleUsers"></h3>
 <if expr="pp_ifdef('chromeos')">
     <div id="sync-section">
-      <div id="sync-overview" class="section-description" hidden>
+      <div id="sync-overview" class="settings-row" hidden>
         <p i18n-content="syncOverview"></p>
         <a i18n-values="href:syncLearnMoreURL" i18n-content="learnMore"></a>
       </div>
       <div id="account-picture-wrapper">
         <img id="account-picture"
             src="chrome://theme/IDR_PROFILE_PICTURE_LOADING">
         <div id="change-picture-caption" i18n-content="changePicture"></div>
       </div>
       <div id="sync-general">
-        <div id="sync-status" hidden>
+        <div id="sync-status" class="settings-row" hidden>
           <span id="sync-status-text"></span>
           <button id="sync-action-link" class="link-button"></button>
         </div>
         <div id="enable-auto-login-checkbox" class="checkbox" hidden>
           <label>
             <input id="enable-auto-login" pref="autologin.enabled"
                 metric="Options_Autologin" type="checkbox">
             <span i18n-content="autologinEnabled"></span>
           </label>
         </div>
         <div class="checkbox">
           <label>
             <input id="enable-screen-lock" type="checkbox"
                 pref="settings.enable_screen_lock">
             <span i18n-content="enableScreenlock"></span>
           </label>
         </div>
       </div>
-      <div id="sync-buttons">
+      <div id="sync-buttons" class="settings-row">
         <button id="start-stop-sync" hidden></button>
         <button id="customize-sync" i18n-content="customizeSync" hidden>
         </button>
         <button id="manage-accounts-button"
             i18n-content="manageAccountsButtonTitle">
         </button>
       </div>
     </div>
 </if>
     <div id="profiles-section" hidden>
       <list id="profiles-list" class="settings-list" hidden></list>
       <div id="profiles-single-message" i18n-content="profilesSingleUser">
       </div>
       <div id="profiles-buttons">
         <button id="profiles-create" i18n-content="profilesCreate"></button>
         <button id="profiles-manage" i18n-content="profilesManage" disabled>
         </button>
-        <button id="profiles-delete" i18n-content="profilesDelete">
-        </button>
+        <button id="profiles-delete" i18n-content="profilesDelete"></button>
+<if expr="not pp_ifdef('chromeos')">
+        <button id="import-data" i18n-content="importData"></button>
+</if>
       </div>
     </div>
-<if expr="not pp_ifdef('chromeos')">
-    <div id="manage-data-group">
-      <div i18n-content="manageDataDescription"></div>
-      <div>
-        <button id="import-data" i18n-content="importData"></button>
-      </div>
-    </div>
-</if>
   </section>
 <if expr="not pp_ifdef('chromeos')">
   <section>
     <h3 i18n-content="sectionTitleDefaultBrowser"></h3>
     <div>
       <button id="set-as-default-browser"
           i18n-content="defaultBrowserUseAsDefault" hidden>
       </button>
       <div id="default-browser-state" i18n-content="defaultBrowserUnknown">
       </div>
@@ skipping 57 matching lines @@
 </if>
   <section>
     <h3 i18n-content="sectionTitleAdvanced"></h3>
     <div>
       <button id="advanced-settings"
           i18n-content="advancedSettings">
       </button>
     </div>
   </section>
 </div>