From 8747a29f9f5141abec179b64f40951f589242e3e Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Sun, 20 Dec 2020 16:03:07 -0500
Subject: Settings v2 headings improvements (#1148)

* Improve spacing on h2

* Add icons to headings

* Clarify font-size
---
 ext/bg/css/settings2.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'ext/bg/css/settings2.css')

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 {
-- 
cgit v1.2.3