aboutsummaryrefslogtreecommitdiff
path: root/ext/bg/css/settings2.css
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-20 16:03:07 -0500
committerGitHub <noreply@github.com>2020-12-20 16:03:07 -0500
commit8747a29f9f5141abec179b64f40951f589242e3e (patch)
tree9aa7b511e7cd53eff0953db102238aef0e533c0a /ext/bg/css/settings2.css
parentf5ae0f1f3d9a83aa85322a2008e21da5b882e01c (diff)
Settings v2 headings improvements (#1148)
* Improve spacing on h2 * Add icons to headings * Clarify font-size
Diffstat (limited to 'ext/bg/css/settings2.css')
-rw-r--r--ext/bg/css/settings2.css16
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 {