From 3e3c8f4d05a64817c85eb39e0dfc04f85df3fb2d Mon Sep 17 00:00:00 2001
From: Francois Zaninotto <fzaninotto@gmail.com>
Date: Mon, 31 Dec 2018 19:07:31 +0100
Subject: [PATCH] Fix outdated SimpleShowLayout doc about custom styles

Closes #2697
---
 docs/Show.md | 25 ++-----------------------
 1 file changed, 2 insertions(+), 23 deletions(-)

diff --git a/docs/Show.md b/docs/Show.md
index b8fad975bec..62240a144ae 100644
--- a/docs/Show.md
+++ b/docs/Show.md
@@ -186,7 +186,7 @@ React-admin provides guessers for the `List` view (`ListGuesser`), the `Edit` vi
 
 The `<SimpleShowLayout>` component receives the `record` as prop from its parent component. It is responsible for rendering the actual view.
 
-The `<SimpleShowLayout>` renders its child components line by line (within `<div>` components).
+The `<SimpleShowLayout>` renders its child components line by line (within `<div>` components) inside a material-ui `<CardContent/>`.
 
 ```jsx
 export const PostShow = (props) => (
@@ -200,28 +200,7 @@ export const PostShow = (props) => (
 );
 ```
 
-It is possible to override its style by specifying the `style` prop, for example:
-
-```jsx
-const styles = {
-    container: {
-        display: 'flex',
-    },
-    item: {
-        marginRight: '1rem',
-    },
-};
-
-export const PostShow = (props) => (
-    <Show {...props}>
-        <SimpleShowLayout style={styles.container}>
-            <TextField source="title" style={styles.item} />
-            <RichTextField source="body" style={styles.item} />
-            <NumberField source="nb_views" style={styles.item} />
-        </SimpleShowLayout>
-    </Show>
-);
-```
+It accepts a `className` prop to let you override the style of the `<CardContent/>`.
 
 ## The `<TabbedShowLayout>` component