From abc85d89d76ab4d8f435dfccfaf58c7f79d2e82d Mon Sep 17 00:00:00 2001
From: Olivier Tassinari <olivier.tassinari@gmail.com>
Date: Tue, 26 Jul 2016 22:05:31 +0200
Subject: [PATCH] [Docs] Fix the wrong spelling of ExampleExpandable

I have also changed the example to illustrate two features
- The padding button adding with (https://github.com/callemall/material-ui/pull/4820)
- Move the CardActions at the top with `expandable={false}` as we can see in the [spec](
https://material.google.com/components/cards.html#cards-behavior)
---
 ...{ExampleWithoutAvatar.js => ExampleExpandable.js} | 12 ++++++------
 .../src/app/components/pages/components/Card/Page.js |  8 ++++----
 2 files changed, 10 insertions(+), 10 deletions(-)
 rename docs/src/app/components/pages/components/Card/{ExampleWithoutAvatar.js => ExampleExpandable.js} (86%)

diff --git a/docs/src/app/components/pages/components/Card/ExampleWithoutAvatar.js b/docs/src/app/components/pages/components/Card/ExampleExpandable.js
similarity index 86%
rename from docs/src/app/components/pages/components/Card/ExampleWithoutAvatar.js
rename to docs/src/app/components/pages/components/Card/ExampleExpandable.js
index 347e39aac7ec25..32d82a123338ad 100644
--- a/docs/src/app/components/pages/components/Card/ExampleWithoutAvatar.js
+++ b/docs/src/app/components/pages/components/Card/ExampleExpandable.js
@@ -2,7 +2,7 @@ import React from 'react';
 import {Card, CardActions, CardHeader, CardText} from 'material-ui/Card';
 import FlatButton from 'material-ui/FlatButton';
 
-const CardExampleWithoutAvatar = () => (
+const CardExampleExpandable = () => (
   <Card>
     <CardHeader
       title="Without Avatar"
@@ -10,17 +10,17 @@ const CardExampleWithoutAvatar = () => (
       actAsExpander={true}
       showExpandableButton={true}
     />
+    <CardActions>
+      <FlatButton label="Action1" />
+      <FlatButton label="Action2" />
+    </CardActions>
     <CardText expandable={true}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
       Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
       Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
     </CardText>
-    <CardActions expandable={true}>
-      <FlatButton label="Action1" />
-      <FlatButton label="Action2" />
-    </CardActions>
   </Card>
 );
 
-export default CardExampleWithoutAvatar;
+export default CardExampleExpandable;
diff --git a/docs/src/app/components/pages/components/Card/Page.js b/docs/src/app/components/pages/components/Card/Page.js
index e467bbc1ae2f36..14ab3fe3220302 100644
--- a/docs/src/app/components/pages/components/Card/Page.js
+++ b/docs/src/app/components/pages/components/Card/Page.js
@@ -8,8 +8,8 @@ import MarkdownElement from '../../../MarkdownElement';
 import cardReadmeText from './README';
 import cardExampleWithAvatarCode from '!raw!./ExampleWithAvatar';
 import CardExampleWithAvatar from './ExampleWithAvatar';
-import cardExampleWithoutAvatarCode from '!raw!./ExampleWithoutAvatar';
-import CardExampleWithoutAvatar from './ExampleWithoutAvatar';
+import cardExampleExpandableCode from '!raw!./ExampleExpandable';
+import CardExampleExpandable from './ExampleExpandable';
 import cardExampleControlledCode from '!raw!./ExampleControlled';
 import CardExampleControlled from './ExampleControlled';
 
@@ -43,9 +43,9 @@ const CardPage = () => (
     <CodeExample
       title="Expandable example"
       description={descriptions.simple}
-      code={cardExampleWithoutAvatarCode}
+      code={cardExampleExpandableCode}
     >
-      <CardExampleWithoutAvatar />
+      <CardExampleExpandable />
     </CodeExample>
     <CodeExample
       title="Controlled example"