(styles) Reduced margins for header that are directly after pagenav and made h-anchor resizing simpler

1 files changed, 4 insertions, 5 deletions

diff --git a/src/styles.css b/src/styles.css
index 94c6f8b..79b0b83 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -198,8 +198,8 @@ h1, h2, h3, h4, h5, h6 {
   h1 + *, h1 ~ h1 { margin-top: 0; }
   .h-anchor { color: var(--fg-color); border: none; }
     /* Slightly smaller than browser defaults https://stackoverflow.com/a/70720104/12036073 */
-    h2 ~ .h-anchor { font-size: 1.4em; }
-    h3 ~ .h-anchor { font-size: 1.1em; }
+    h2 + .h-anchor { font-size: 1.4em; }
+    h3 + .h-anchor { font-size: 1.1em; }
 
 /* The following CSS is a modified version of sindresorhus's github-markdown-css repo: https://github.com/sindresorhus/github-markdown-css */
 code, pre {
@@ -374,9 +374,8 @@ dt, dd {
           font-size: 0.8em;
           margin: 0 0 3rem 2rem;
         }
-        #pagenav > * {
-            white-space: nowrap;
-          }
+        #pagenav > * { white-space: nowrap; }
+        #pagenav + h2, #pagenav + h3, #pagenav + h4 { margin-top: 0; }
       /* back-to-top.js */
       #scrollBtn {
         background-color: var(--bg-color);