Show Pages in chrome://md-settings

chrome/browser/resources/settings/downloads_page/downloads_page.html

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/core-label/core-label.html">
 <link rel="import" href="chrome://resources/polymer/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.
 html">
 <link rel="import" href="chrome://resources/cr_elements/cr_checkbox/cr_checkbox.
 html">
 <link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
 
-<polymer-element name="cr-settings-downloads-page" layout vertical>
+<polymer-element name="cr-settings-downloads-page">
   <template>
+    <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
     <link rel="stylesheet" href="downloads_page.css">
-    <div horizontal layout center>
-      <core-label horizontal layout center>
-        <span class="location-label">Download location:</span>
-        <cr-input id="downloadsPath" floatingLabel="false"
-            value="{{prefs.settings.download.defaultDirectory}}" readonly for>
-        </cr-input>
+    <section layout vertical cross-fade>
+      <cr-settings-page-header page="{{}}"></cr-settings-page-header>

[Kyle Horimoto, 2015/03/17 23:53:48]

page="{{}}"?

[michaelpg, 2015/03/18 00:18:00]

Like "this". We're giving the cr-settings-page-header element our page as a
parameter, from which it gets the title and icon info.

[Kyle Horimoto, 2015/03/18 18:29:01]

Interesting, I had no idea that you could do this!

+      <div horizontal layout center>
+        <core-label horizontal layout center>
+          <span class="location-label">Download location:</span>
+          <cr-input id="downloadsPath" floatingLabel="false"
+              value="{{prefs.settings.download.defaultDirectory}}" readonly for>
+          </cr-input>
+        </core-label>
+        <cr-button id="changeDownloadsPath"
+            on-click="{{selectDownloadLocation}}">Change</cr-button>
+      </div>
+      <core-label horizontal layout>
+        <cr-checkbox checked="{{prefs.settings.download.promptForDownload}}" for>
+        </cr-checkbox>
+        <span>Ask where to save each file before downloading</span>
       </core-label>
-      <cr-button id="changeDownloadsPath"
-          on-click="{{selectDownloadLocation}}">Change</cr-button>
-    </div>
-    <core-label horizontal layout>
-      <cr-checkbox checked="{{prefs.settings.download.promptForDownload}}" for>
-      </cr-checkbox>
-      <span>Ask where to save each file before downloading</span>
-    </core-label>
+    </section>
   </template>
   <script src="downloads_page.js"></script>
 </polymer-element>