| 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 0f5bf06861a194d6781dc6a42eeb1903f866e09d..ad3f437d7c673f95b25f9e29e6883e8862952e8b 100644
|
| --- a/chrome/browser/resources/settings/settings_page/settings_subheader.html
|
| +++ b/chrome/browser/resources/settings/settings_page/settings_subheader.html
|
| @@ -1,21 +1,30 @@
|
| <link rel="import" href="chrome://resources/html/polymer.html">
|
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">
|
| <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.html">
|
| +<link rel="import" href="chrome://md-settings/settings_shared_css.html">
|
|
|
| <dom-module id="settings-subheader">
|
| <template>
|
| <style include="settings-shared">
|
| + :host {
|
| + display: block;
|
| + margin: 8px 0 16px 0;
|
| + }
|
| +
|
| :root {
|
| - --iron-icon-fill-color: var(--settings-side-nav-color);
|
| - --paper-icon-button: {
|
| - width: 36px;
|
| - height: 36px;
|
| - margin: 0 12px 0 -8px;
|
| - }
|
| + --iron-icon-fill-color: var(--settings-nav-grey);
|
| + }
|
| +
|
| + paper-icon-button {
|
| + /* The inner icon is 20px in size. paper-icon-button has 8px padding. */
|
| + height: 36px;
|
| + /* Centers the ripple on the icon with appropriate margin on right. */
|
| + margin: 0 12px 0 -8px;
|
| + width: 36px;
|
| }
|
|
|
| h2 {
|
| - color: var(--settings-side-nav-color);
|
| + color: var(--settings-nav-grey);
|
| font-size: 107.6923%; /* go to 14px from 13px */
|
| }
|
| </style>
|
|
|