diff options
Diffstat (limited to 'chrome/browser/resources/settings/settings_page/settings_subheader.html')
| -rw-r--r-- | chrome/browser/resources/settings/settings_page/settings_subheader.html | 23 |
1 files changed, 16 insertions, 7 deletions
diff --git a/chrome/browser/resources/settings/settings_page/settings_subheader.html b/chrome/browser/resources/settings/settings_page/settings_subheader.html index 0f5bf068..ad3f437 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> |