docs(box): Fix Card component content spacing to match Sketch file

telus · Nov 10, 2017 · e308466 · e308466
1 parent bc31d49
commit e308466
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/components/Box/Box.md b/src/components/Box/Box.md
@@ -1,8 +1,10 @@
 ```jsx
 <Card>
-  <Box between={3} dangerouslyAddClassName="docs_flex-button">
-    <Heading level="h1">Our latest and greatest</Heading>
-    <Paragraph>Everything you would expect, without conditions.</Paragraph>
+  <Box between={4} dangerouslyAddClassName="docs_flex-button">
+    <Box between={3}>
+      <Heading level="h1">Our latest and greatest</Heading>
+      <Paragraph>Everything you would expect, without conditions.</Paragraph>
+    </Box>
     <ButtonLink href="//telus.com">Learn more</ButtonLink>
   </Box>
 </Card>

diff --git a/src/components/Card/Card.md b/src/components/Card/Card.md
@@ -2,14 +2,14 @@ Cards will stretch to fill their container. Wrap the card in another element to
 
 ```jsx
 <Card>
-  <Box between={3} dangerouslyAddClassName="docs_flex-button">
+  <Box between={4} dangerouslyAddClassName="docs_flex-button">
+  <Box between={3}>
     <Heading level="h2">Need a hand?</Heading>
-
     <Paragraph>
       Ready to order? Have a question? We'll get back to you, with volume discounts available to larger accounts.
     </Paragraph>
-    
-    <ButtonLink href="#">Request sales callback</ButtonLink>
+  </Box>
+  <ButtonLink href="#">Request sales callback</ButtonLink>
   </Box>
 </Card>
 ```