fix: add extra padding for h1 anchors1115-h1-header

2 files changed, 13 insertions, 10 deletions

diff --git a/content/assets/javascripts/mermaid.js b/content/assets/javascripts/mermaid.js
index 3bf1d6d8..d97a5fbb 100644
--- a/content/assets/javascripts/mermaid.js
+++ b/content/assets/javascripts/mermaid.js
@@ -1,16 +1,18 @@
 ---
-version: 3
+version: 4
 ---
 
 function loadMermaidJsIfNeeded() {
-    if (document.querySelector('.mermaid') === null) {
-        return;
-    }
+  if (document.querySelector('.mermaid') === null) {
+      return;
+  }
 
-    var element = document.createElement("script");
-    element.src = "https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.12.0/mermaid.min.js";
-    element.onload = function(){mermaid.init();};
-    document.body.appendChild(element);
+  var element = document.createElement("script");
+  element.src = "https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.12.0/mermaid.min.js";
+  element.onload = function() {
+      mermaid.init();
+  };
+  document.body.appendChild(element);
 }
 
 if (window.addEventListener)
diff --git a/content/assets/stylesheets/_typography.scss b/content/assets/stylesheets/_typography.scss
index b2379526..23daa6d4 100644
--- a/content/assets/stylesheets/_typography.scss
+++ b/content/assets/stylesheets/_typography.scss
@@ -1,5 +1,5 @@
 ---
-version: 12
+version: 13
 ---
 
 @import 'variables';
@@ -263,6 +263,7 @@ version: 12
     );
     @include gl-fluid-line-height($min: $gl-line-height-36, $max: $gl-line-height-52);
     @include gl-mt-0;
+    padding-top: 3.3rem;
   }
 
   h2,
@@ -387,7 +388,7 @@ version: 12
     font-size: 2rem;
     line-height: 1;
     margin-bottom: 1.5rem;
-    margin-top: 3.3rem;
+    margin-top: 1.3rem;
   }
   @media screen and (min-width: $bp-sm) {
     h1 {