docs(box): Fix example with ButtonLink spaced out using between

telus · Nov 10, 2017 · 350b133 · 350b133
1 parent 99367a9
commit 350b133
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/docs/scss/_examples.scss b/docs/scss/_examples.scss
@@ -61,3 +61,7 @@
 .docs_divider-height {
   height: 150px;
 }
+
+.docs_flex-button {
+  align-items: flex-start;
+}
diff --git a/src/components/Box/Box.md b/src/components/Box/Box.md
@@ -1,6 +1,6 @@
 ```jsx
 <Card>
-  <Box between={3}>
+  <Box between={3} dangerouslyAddClassName="docs_flex-button">
     <Heading level="h1">Our latest and greatest</Heading>
     <Paragraph>Everything you would expect, without conditions.</Paragraph>
     <ButtonLink href="//telus.com">Learn more</ButtonLink>