From b3662cc35c0b215a900865105f54aafccc43525d Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 21 Jul 2018 10:18:39 -0700
Subject: [PATCH] Bring mobile styling of shared documents inline with regular
 documents

---
 app/components/PageTitle/PageTitle.js | 1 +
 app/scenes/Document/Document.js       | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/components/PageTitle/PageTitle.js b/app/components/PageTitle/PageTitle.js
index 8a6999c9f..f4e79228c 100644
--- a/app/components/PageTitle/PageTitle.js
+++ b/app/components/PageTitle/PageTitle.js
@@ -16,6 +16,7 @@ const PageTitle = ({ title, favicon }: Props) => (
       href={favicon || '/favicon-32.png'}
       sizes="32x32"
     />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </Helmet>
 );
 
diff --git a/app/scenes/Document/Document.js b/app/scenes/Document/Document.js
index 7a934fc0d..3ba330e90 100644
--- a/app/scenes/Document/Document.js
+++ b/app/scenes/Document/Document.js
@@ -279,7 +279,7 @@ class DocumentScene extends React.Component<Props> {
     }
 
     return (
-      <Container key={document.id} column auto>
+      <Container key={document.id} isShare={isShare} column auto>
         {isMoving && <DocumentMove document={document} />}
         <PageTitle
           title={document.title.replace(document.emoji, '')}
@@ -349,6 +349,7 @@ const MaxWidth = styled(Flex)`
 
 const Container = styled(Flex)`
   position: relative;
+  margin-top: ${props => (props.isShare ? '50px' : '0')};
 `;
 
 const LoadingState = styled(LoadingPlaceholder)`