Bring mobile styling of shared documents inline with regular documents

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

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)`