[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..0f5bf06861a194d6781dc6a42eeb1903f866e09d 100644
--- a/chrome/browser/resources/settings/settings_page/settings_subheader.html
+++ b/chrome/browser/resources/settings/settings_page/settings_subheader.html
@@ -3,11 +3,27 @@
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
 
 <dom-module id="settings-subheader">
-  <link rel="import" type="css" href="settings_subheader.css">
   <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>