diff options
| author | toasted-nutbread <toasted-nutbread@users.noreply.github.com> | 2020-12-20 16:03:07 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-20 16:03:07 -0500 |
| commit | 8747a29f9f5141abec179b64f40951f589242e3e (patch) | |
| tree | 9aa7b511e7cd53eff0953db102238aef0e533c0a /ext/bg/css | |
| parent | f5ae0f1f3d9a83aa85322a2008e21da5b882e01c (diff) | |
Settings v2 headings improvements (#1148)
* Improve spacing on h2
* Add icons to headings
* Clarify font-size
Diffstat (limited to 'ext/bg/css')
| -rw-r--r-- | ext/bg/css/settings2.css | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/ext/bg/css/settings2.css b/ext/bg/css/settings2.css index 651da9c0..ea6d2816 100644 --- a/ext/bg/css/settings2.css +++ b/ext/bg/css/settings2.css @@ -232,7 +232,8 @@ h2 { font-size: 1.125em; font-weight: normal; line-height: 1.5; - margin: 1.75em 0 0.9em; + padding: 0.9em 0; + margin: 0.85em 0 0; } h3 { font-size: 1em; @@ -246,6 +247,17 @@ h3 { width: 100%; align-items: baseline; } +.heading-container-icon { + flex: 0 0 auto; + align-self: center; + margin: 0.85em 0.75em 0 0; +} +.heading-container-icon>.icon { + display: block; + background-color: var(--button-icon-color); + width: var(--outline-item-icon-size); + height: var(--outline-item-icon-size); +} .heading-container-left { flex: 1 1 auto; } @@ -253,7 +265,7 @@ h3 { flex: 0 0 auto; } .heading-sub-text { - font-size: 0.88888888em; + font-size: calc(1em / 1.125); color: var(--text-color-light); } .heading-link-light { |