[MD settings] touch up sub-page titles and icons

chrome/browser/resources/settings/settings_page/settings_subheader.html

Index: chrome/browser/resources/settings/settings_page/settings_subheader.html
diff --git a/chrome/browser/resources/settings/settings_page/settings_subheader.html b/chrome/browser/resources/settings/settings_page/settings_subheader.html
index 93c13b1a44d8422f6c715d7f80826c7f46fff7e5..56a998fffba760d8f0ad08a604b0db5b1e01e36c 100644
--- a/chrome/browser/resources/settings/settings_page/settings_subheader.html
+++ b/chrome/browser/resources/settings/settings_page/settings_subheader.html
@@ -5,9 +5,26 @@
 <dom-module id="settings-subheader">
   <link rel="import" type="css" href="settings_subheader.css">

[dpapad, 2016/03/25 19:25:58]

This line needs to be removed now.

[dschuyler, 2016/03/25 20:24:46]

Done.

   <template>
-    <paper-icon-button icon="arrow-back" on-tap="onTapBack_">
-    </paper-icon-button>
-    <h2>[[pageTitle]]</h2>
+    <style include="settings-shared">
+      :root {
+        --iron-icon-fill-color: var(--settings-side-nav-color);
+        --paper-icon-button: {
+          width: 36px;
+          height: 36px;
+          margin: 0 12px 0 -8px;
+        }
+      }
+
+      h2 {
+        color: var(--settings-side-nav-color);
+        font-size: 107.6923%; /* go to 14px from 13px */
+      }
+    </style>
+    <div class="settings-box first">
+      <paper-icon-button icon="arrow-back" on-tap="onTapBack_">
+      </paper-icon-button>
+      <h2>[[pageTitle]]</h2>
+    </div>
   </template>
   <script src="settings_subheader.js"></script>
 </dom-module>