From 34bdc880039513e73173faa093b55702e985b102 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Wed, 21 Oct 2020 09:04:21 -0700
Subject: [PATCH] fix: Offset heading styles

---
 app/components/Editor.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/components/Editor.js b/app/components/Editor.js
index 4e66a649..4c3cb476 100644
--- a/app/components/Editor.js
+++ b/app/components/Editor.js
@@ -105,11 +105,15 @@ const StyledEditor = styled(RichMarkdownEditor)`
   /* ref: https://stackoverflow.com/a/28824157 */
   .heading-name::before {
     content: "";
-    display: block;
+    display: ${(props) => (props.readOnly ? "block" : "none")};
     height: 72px;
     margin: -72px 0 0;
   }
 
+  .heading-anchor {
+    margin-top: 72px !important;
+  }
+
   p {
     a {
       color: ${(props) => props.theme.text};