From 7b8cbc50d5cfc6c5d2b2eeeb3d5e57b1ecdf6d98 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Thu, 14 Jan 2021 18:51:58 -0800
Subject: [PATCH] fix: Document meta unclickable when first item in a document
 is a heading

---
 app/components/DocumentMetaWithViews.js | 2 ++
 app/components/Editor.js                | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/DocumentMetaWithViews.js b/app/components/DocumentMetaWithViews.js
index 877acca75..dc43a53b3 100644
--- a/app/components/DocumentMetaWithViews.js
+++ b/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;
diff --git a/app/components/Editor.js b/app/components/Editor.js
index 23c3ca941..ee5f1c900 100644
--- a/app/components/Editor.js
+++ b/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 {