Index: chrome/browser/resources/settings/settings_shared_css.html |
diff --git a/chrome/browser/resources/settings/settings_shared_css.html b/chrome/browser/resources/settings/settings_shared_css.html |
index 33e504aaa0eebfc2d66ce9d3d688ed6f27e828fc..ee62edbdc22d04f941c9c57646ef272f91d3c3e5 100644 |
--- a/chrome/browser/resources/settings/settings_shared_css.html |
+++ b/chrome/browser/resources/settings/settings_shared_css.html |
@@ -8,12 +8,17 @@ |
--checkbox-spacing: 18px; |
--iron-icon-fill-color: var(--paper-grey-600); |
--iron-icon-height: 20px; |
+ --iron-icon-spacing: 16px; |
--iron-icon-width: 20px; |
--paper-icon-button: { |
width: 36px; |
height: 36px; |
}; |
--paper-input-max-width: 264px; |
+ --paper-item: { |
+ font-size: inherit; |
Dan Beam
2016/04/12 04:28:14
probably fixes a lot of issues for us...
|
+ }; |
+ |
--settings-background-color: var(--paper-blue-grey-50); |
--settings-secondary: { |
color: var(--paper-grey-600); |
@@ -25,6 +30,9 @@ |
/* Some colors use non-MD colors. These custom colors are specified by |
* UX design (bettes@). */ |
--settings-nav-grey: rgb(90, 90, 90); |
+ |
+ --settings-row-min-height: 40px; |
+ |
--settings-title-bar-background-color: rgb(52, 73, 94); |
--settings-title-bar-color: rgb(255, 255, 255); |
} |
@@ -36,7 +44,7 @@ |
font-size: 100%; |
font-weight: 500; |
margin: 0; |
- min-height: 40px; |
+ min-height: var(--settings-row-min-height); |
} |
iron-icon[icon=check], |
@@ -144,7 +152,7 @@ |
.list-item { |
@apply(--layout-center); |
display: flex; |
- min-height: 40px; |
+ min-height: var(--settings-row-min-height); |
padding: 0; |
} |
@@ -188,7 +196,7 @@ |
@apply(--layout-center); |
border-top: 1px solid var(--paper-grey-300); |
display: flex; |
- min-height: 40px; |
+ min-height: var(--settings-row-min-height); |
padding: 0 20px; |
} |
@@ -239,11 +247,7 @@ |
padding: 8px; |
} |
- .vertical-list > div:first-of-type { |
Dan Beam
2016/04/12 04:28:14
div was too restrictive
|
- border-top: none; |
- } |
- |
- .vertical-list > div { |
+ .vertical-list > *:not(:first-of-type) { |
border-top: 1px solid var(--paper-grey-300); |
} |