From 4a9571a174f014d753f90458fe695b40f3ba7610 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Mon, 5 Apr 2021 17:19:31 -0700
Subject: [PATCH] fix: Alignment of backlinks and references (#2006)

closes #1998
---
 app/scenes/Document/components/Document.js | 19 ++++++++++---------
 app/scenes/Document/components/Editor.js   |  3 +++
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/app/scenes/Document/components/Document.js b/app/scenes/Document/components/Document.js
index cc7293b88..8bda4b951 100644
--- a/app/scenes/Document/components/Document.js
+++ b/app/scenes/Document/components/Document.js
@@ -441,16 +441,17 @@ class DocumentScene extends React.Component<Props> {
                     readOnly={readOnly}
                     readOnlyWriteCheckboxes={readOnly && abilities.update}
                     ui={this.props.ui}
-                  />
+                  >
+                    {!isShare && !revision && (
+                      <>
+                        <MarkAsViewed document={document} />
+                        <ReferencesWrapper isOnlyTitle={document.isOnlyTitle}>
+                          <References document={document} />
+                        </ReferencesWrapper>
+                      </>
+                    )}
+                  </Editor>
                 </Flex>
-                {!isShare && !revision && (
-                  <>
-                    <MarkAsViewed document={document} />
-                    <ReferencesWrapper isOnlyTitle={document.isOnlyTitle}>
-                      <References document={document} />
-                    </ReferencesWrapper>
-                  </>
-                )}
               </React.Suspense>
             </MaxWidth>
           </Container>
diff --git a/app/scenes/Document/components/Editor.js b/app/scenes/Document/components/Editor.js
index d9626a243..510a19da3 100644
--- a/app/scenes/Document/components/Editor.js
+++ b/app/scenes/Document/components/Editor.js
@@ -25,6 +25,7 @@ type Props = {|
   isShare: boolean,
   onSave: ({ done?: boolean, autosave?: boolean, publish?: boolean }) => any,
   innerRef: { current: any },
+  children: React.Node,
 |};
 
 @observer
@@ -97,6 +98,7 @@ class DocumentEditor extends React.Component<Props> {
       isShare,
       readOnly,
       innerRef,
+      children,
       ...rest
     } = this.props;
 
@@ -151,6 +153,7 @@ class DocumentEditor extends React.Component<Props> {
             onClose={this.handleLinkInactive}
           />
         )}
+        {children}
       </Flex>
     );
   }