Positioned document loading state with the document content

2017-07-07 00:14:00 -07:00
parent fc4d9cb0b5
commit dbcfe1199e
2 changed files with 7 additions and 3 deletions
--- a/frontend/scenes/Document/Document.js
+++ b/frontend/scenes/Document/Document.js
@ -137,7 +137,7 @@ type Props = {
        {this.state.isLoading && <LoadingIndicator />}
        {isFetching &&
          <CenteredContent>
-            <PreviewLoading />
+            <LoadingState />
          </CenteredContent>}
        {!isFetching &&
          this.document &&
@ -208,6 +208,10 @@ const Container = styled(Flex)`
  width: 100%;
 `;

+const LoadingState = styled(PreviewLoading)`
+  margin: 80px 20px;
+`;
+
 const PagePadding = styled(Flex)`
  padding: 80px 20px;
  position: relative;