fix: First auto-save unfocuses document (#1046)

* fix: Autosave unfocuses document

* Revert unneeded change

* test: le fix

* fix: Handle offline state
fix: Untitled documents appear with empty titles

* fix: Draft bubble roundness (yes, it doesnt belong here but see it, fix it)

app/scenes/Document/components/LoadingPlaceholder.js

@@ -14,17 +14,21 @@ const randomValues = Array.from(
 
 const LoadingPlaceholder = (props: Object) => {
   return (
-    <Fade>
+    <Wrapper>
       <Flex column auto {...props}>
         <Mask style={{ width: randomValues[0] }} header />
         <Mask style={{ width: randomValues[1] }} />
         <Mask style={{ width: randomValues[2] }} />
         <Mask style={{ width: randomValues[3] }} />
       </Flex>
-    </Fade>
+    </Wrapper>
   );
 };
 
+const Wrapper = styled(Fade)`
+  margin: 40px 0;
+`;
+
 const Mask = styled(Flex)`
   height: ${props => (props.header ? 28 : 18)}px;
   margin-bottom: ${props => (props.header ? 32 : 14)}px;