From 933fa9732cd9ca3883f71cd342ab55948e61eb33 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 1 Jul 2018 12:42:21 -0700
Subject: [PATCH] CSS tweaks

---
 app/scenes/Document/Document.js              | 4 ++--
 app/scenes/Document/components/Breadcrumb.js | 2 +-
 app/scenes/Document/components/Header.js     | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/scenes/Document/Document.js b/app/scenes/Document/Document.js
index 937ccf08c..f2c0cd822 100644
--- a/app/scenes/Document/Document.js
+++ b/app/scenes/Document/Document.js
@@ -334,8 +334,8 @@ const MaxWidth = styled(Flex)`
   height: 100%;
 
   ${breakpoint('tablet')`	
-    padding: 0 24px;
-    margin: 60px auto;
+    padding: 0;
+    margin: 12px auto;
     max-width: 46em;
   `};
 `;
diff --git a/app/scenes/Document/components/Breadcrumb.js b/app/scenes/Document/components/Breadcrumb.js
index 914b4bea8..eceb82bab 100644
--- a/app/scenes/Document/components/Breadcrumb.js
+++ b/app/scenes/Document/components/Breadcrumb.js
@@ -24,7 +24,7 @@ const Breadcrumb = observer(({ document, collections }: Props) => {
   return (
     <Wrapper justify="flex-start" align="center">
       <CollectionName to={collectionUrl(collection.id)}>
-        <CollectionIcon color={collection.color} />{' '}
+        <CollectionIcon color={collection.color} expanded />{' '}
         <span>{collection.name}</span>
       </CollectionName>
       {path.map(n => (
diff --git a/app/scenes/Document/components/Header.js b/app/scenes/Document/components/Header.js
index 6428f66fb..3ca4132ae 100644
--- a/app/scenes/Document/components/Header.js
+++ b/app/scenes/Document/components/Header.js
@@ -185,7 +185,8 @@ const Actions = styled(Flex)`
   border-bottom: 1px solid
     ${props => (props.isCompact ? props.theme.smoke : 'transparent')};
   padding: 12px;
-  transition: padding 100ms ease-out;
+  transition: all 100ms ease-out;
+  transform: translate3d(0, 0, 0);
   -webkit-backdrop-filter: blur(20px);
 
   @media print {