fix: Alignment of backlinks and references (#2006)

closes #1998

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>

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>
     );
   }