[Card] Custom footer actions example should be right aligned (#2603)

* Card custom footer example should be right aligned
Shopify · Jan 8, 2020 · 48c28a7 · 48c28a7
1 parent bd214b6
commit 48c28a7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/UNRELEASED.md b/UNRELEASED.md
@@ -22,6 +22,8 @@
 
 ### Documentation
 
+- Updated `Card` with custom footer actions example to be right-aligned ([#2603](https://github.com/Shopify/polaris-react/pull/2603))
+
 ### Development workflow
 
 ### Dependency upgrades

diff --git a/src/components/Card/README.md b/src/components/Card/README.md
@@ -316,10 +316,12 @@ Use to present actionable content that is optional or not the primary purpose of
         to your account. A special code will be required each time you log in,
         ensuring only you can access your account.
       </p>
-      <ButtonGroup>
-        <Button>Enable two-step authentication</Button>
-        <Button plain>Learn more</Button>
-      </ButtonGroup>
+      <Stack distribution="trailing">
+        <ButtonGroup>
+          <Button>Enable two-step authentication</Button>
+          <Button plain>Learn more</Button>
+        </ButtonGroup>
+      </Stack>
     </Stack>
   </Card.Section>
 </Card>