[MD settings] move font controls in MD settings

chrome/browser/resources/settings/appearance_page/appearance_fonts_page.html

 <link rel="import" href="chrome://resources/cr_elements/cr_slider/cr_slider.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="fonts_browser_proxy.html">
 <link rel="import" href="../controls/settings_dropdown_menu.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-appearance-fonts-page">
   <template>
     <style include="settings-shared"></style>
     <div class="settings-box first">
       <div class="start">$i18n{fontSize}</div>
       <cr-slider id="sizeSlider"
           pref="{{prefs.webkit.webprefs.default_font_size}}"
           tick-values="[[fontSizeRange_]]"
           label-min="$i18n{tiny}" label-max="$i18n{huge}">
       </cr-slider>
     </div>
     <div class="settings-box">
       <div class="start">$i18n{minimumFont}</div>
       <div class="list-item"
           style="
               font-size:[[computeMinimumFontSize_(
                   prefs.webkit.webprefs.minimum_font_size.value)]]px;
               font-family:
-                  '[[prefs.webkit.webprefs.fonts.standard.Zyyy.value]]';"
+                  '[[prefs.webkit.webprefs.fonts.standard.Zyyy.value]]';">
         <span>[[
             computeMinimumFontSize_(
                 prefs.webkit.webprefs.minimum_font_size.value)]]</span>
         : $i18n{quickBrownFox}
       </div>
       <cr-slider id="minimumSizeSlider"
           pref="{{prefs.webkit.webprefs.minimum_font_size}}"
           tick-values="[[minimumFontSizeRange_]]"
           label-min="$i18n{tiny}" label-max="$i18n{huge}">
       </cr-slider>
     </div>
     <div class="settings-box">
-      <div class="start">
-        <h2>$i18n{standardFont}</h2>
-        <div class="list-frame">
-          <div class="list-item">
-            <settings-dropdown-menu class="start"
-                pref="{{prefs.webkit.webprefs.fonts.standard.Zyyy}}"
-                menu-options="[[fontOptions_]]">
-            </settings-dropdown-menu>
-          </div>
-          <div class="list-item underbar"
-              style="
-                  font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
-                  font-family:
-                      '[[prefs.webkit.webprefs.fonts.standard.Zyyy.value]]';"
-            <span>
-              [[prefs.webkit.webprefs.default_font_size.value]]:
-              $i18n{quickBrownFox}
-            </span>
-          </div>
-        </div>
-        <h2>$i18n{serifFont}</h2>
-        <div class="list-frame">
-          <div class="list-item">
-            <settings-dropdown-menu class="start"
-                pref="{{prefs.webkit.webprefs.fonts.serif.Zyyy}}"
-                menu-options="[[fontOptions_]]">
-            </settings-dropdown-menu>
-          </div>
-          <div class="list-item underbar"
-              style="
-                  font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
-                  font-family:
-                      '[[prefs.webkit.webprefs.fonts.serif.Zyyy.value]]';"
-            <span>
-              [[prefs.webkit.webprefs.default_font_size.value]]:
-              $i18n{quickBrownFox}
-            </span>
-          </div>
-        </div>
-        <h2>$i18n{sansSerifFont}</h2>
-        <div class="list-frame">
-          <div class="list-item">
-            <settings-dropdown-menu class="start"
-                pref="{{prefs.webkit.webprefs.fonts.sansserif.Zyyy}}"
-                menu-options="[[fontOptions_]]">
-            </settings-dropdown-menu>
-          </div>
-          <div class="list-item underbar"
-              style="
-                  font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
-                  font-family:
-                      '[[prefs.webkit.webprefs.fonts.sansserif.Zyyy.value]]';"
-            <span>
-              [[prefs.webkit.webprefs.default_font_size.value]]:
-              $i18n{quickBrownFox}
-            </span>
-          </div>
-        </div>
-        <h2>$i18n{fixedWidthFont}</h2>
-        <div class="list-frame">
-          <div class="list-item">
-            <settings-dropdown-menu class="start"
-                pref="{{prefs.webkit.webprefs.fonts.fixed.Zyyy}}"
-                menu-options="[[fontOptions_]]">
-            </settings-dropdown-menu>
-          </div>
-          <div class="list-item"
-              style="
-                  font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
-                  font-family:
-                      '[[prefs.webkit.webprefs.fonts.fixed.Zyyy.value]]';"
-            <span>
-              [[prefs.webkit.webprefs.default_font_size.value]]:
-              $i18n{quickBrownFox}
-            </span>
-          </div>
-        </div>
+      <h2>$i18n{standardFont}</h2>
+    </div>
+    <div class="list-frame">
+      <div class="list-item">
+        <settings-dropdown-menu class="start"
+            pref="{{prefs.webkit.webprefs.fonts.standard.Zyyy}}"
+            menu-options="[[fontOptions_]]">
+        </settings-dropdown-menu>
+      </div>
+      <div class="list-item underbar"
+          style="
+              font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
+              font-family:
+                  '[[prefs.webkit.webprefs.fonts.standard.Zyyy.value]]';">
+        <span>
+          [[prefs.webkit.webprefs.default_font_size.value]]:
+          $i18n{quickBrownFox}
+        </span>
+      </div>
+    </div>
+    <div class="settings-box">
+      <h2>$i18n{serifFont}</h2>
+    </div>
+    <div class="list-frame">
+      <div class="list-item">
+        <settings-dropdown-menu class="start"
+            pref="{{prefs.webkit.webprefs.fonts.serif.Zyyy}}"
+            menu-options="[[fontOptions_]]">
+        </settings-dropdown-menu>
+      </div>
+      <div class="list-item underbar"
+          style="
+              font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
+              font-family:
+                  '[[prefs.webkit.webprefs.fonts.serif.Zyyy.value]]';">
+        <span>
+          [[prefs.webkit.webprefs.default_font_size.value]]:
+          $i18n{quickBrownFox}
+        </span>
+      </div>
+    </div>
+    <div class="settings-box">
+      <h2>$i18n{sansSerifFont}</h2>
+    </div>
+    <div class="list-frame">
+      <div class="list-item">
+        <settings-dropdown-menu class="start"
+            pref="{{prefs.webkit.webprefs.fonts.sansserif.Zyyy}}"
+            menu-options="[[fontOptions_]]">
+        </settings-dropdown-menu>
+      </div>
+      <div class="list-item underbar"
+          style="
+              font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
+              font-family:
+                  '[[prefs.webkit.webprefs.fonts.sansserif.Zyyy.value]]';">
+        <span>
+          [[prefs.webkit.webprefs.default_font_size.value]]:
+          $i18n{quickBrownFox}
+        </span>
+      </div>
+    </div>
+    <div class="settings-box">
+      <h2>$i18n{fixedWidthFont}</h2>
+    </div>
+    <div class="list-frame">
+      <div class="list-item">
+        <settings-dropdown-menu class="start"
+            pref="{{prefs.webkit.webprefs.fonts.fixed.Zyyy}}"
+            menu-options="[[fontOptions_]]">
+        </settings-dropdown-menu>
+      </div>
+      <div class="list-item"
+          style="
+              font-size:[[prefs.webkit.webprefs.default_font_size.value]]px;
+              font-family:
+                  '[[prefs.webkit.webprefs.fonts.fixed.Zyyy.value]]';">
+        <span>
+          [[prefs.webkit.webprefs.default_font_size.value]]:
+          $i18n{quickBrownFox}
+        </span>
       </div>
     </div>
     <template is="dom-if" if="[[!isGuest_]]">
       <div class="settings-box two-line" id="advancedButton"
           on-tap="openAdvancedExtension_" actionable>
         <div class="start">
           $i18n{advancedFontSettings}
           <div class="secondary" id="advancedButtonSublabel">
             [[advancedExtensionSublabel_]]
           </div>
         </div>
         <button class="icon-external" is="paper-icon-button-light"
             aria-label="$i18n{advancedFontSettings}"
             aria-describedby="advancedButtonSublabel"></button>
       </div>
     </template>
   </template>
   <script src="appearance_fonts_page.js"></script>
 </dom-module>