fix: Non-toc horizontal heading alignment

2020-04-05 12:50:38 -07:00
parent d0606a72c3
commit 597c09d2bc
2 changed files with 4 additions and 3 deletions
--- a/app/scenes/Document/components/Document.js
+++ b/app/scenes/Document/components/Document.js
@@ -384,11 +384,12 @@ const MaxWidth = styled(Flex)`
  ${breakpoint('tablet')`	
    padding: 0 24px;
    margin: 4px auto 12px;
-    max-width: ${props => (props.tocVisible ? '64em' : '46em')};
+    max-width: calc(48px + ${props => (props.tocVisible ? '64em' : '46em')});
  `};

  ${breakpoint('desktopLarge')`
-    max-width: 46em;
+    max-width: calc(48px + 46em);
+    box-sizing: 
  `};
 `;