fix: Document meta unclickable when first item in a document is a heading

Author: tommoor

app/components/DocumentMetaWithViews.js

@@ -35,6 +35,8 @@ function DocumentMetaWithViews({ to, isDraft, document }: Props) {
 const Meta = styled(DocumentMeta)`
   margin: -12px 0 2em 0;
   font-size: 14px;
+  position: relative;
+  z-index: 1;
 
   a {
     color: inherit;

app/components/Editor.js

@@ -181,8 +181,8 @@ const StyledEditor = styled(RichMarkdownEditor)`
   .heading-name::before {
     content: "";
     display: ${(props) => (props.readOnly ? "block" : "none")};
-    height: 72px;
-    margin: -72px 0 0;
+    height: 60px;
+    margin: -60px 0 0;
   }
 
   .heading-name:first-child {