From 4ba4af64aee9981f43263973ba958b1cfd9341b0 Mon Sep 17 00:00:00 2001
From: kmcfaul <45077788+kmcfaul@users.noreply.github.com>
Date: Thu, 6 Dec 2018 11:49:22 -0500
Subject: [PATCH] fix(Button): remove margin around Buttons in docs (#1015)

---
 .../react-core/src/components/Button/Button.docs.js   |  4 +---
 .../src/components/Button/examples/ButtonVariants.js  | 10 +++++-----
 .../src/components/Button/examples/LinkButton.js      |  2 +-
 .../Button/examples/common/getContainerProps.js       | 11 -----------
 4 files changed, 7 insertions(+), 20 deletions(-)
 delete mode 100644 packages/patternfly-4/react-core/src/components/Button/examples/common/getContainerProps.js

diff --git a/packages/patternfly-4/react-core/src/components/Button/Button.docs.js b/packages/patternfly-4/react-core/src/components/Button/Button.docs.js
index c75b1ff8e73..6a6adcb00c2 100644
--- a/packages/patternfly-4/react-core/src/components/Button/Button.docs.js
+++ b/packages/patternfly-4/react-core/src/components/Button/Button.docs.js
@@ -2,7 +2,6 @@ import { Button, ButtonVariant, ButtonType } from '@patternfly/react-core';
 import VariantsExample from './examples/ButtonVariants';
 import BlockExample from './examples/BlockButton';
 import LinkExample from './examples/LinkButton';
-import getContainerProps from './examples/common/getContainerProps';
 
 export default {
   title: 'Button',
@@ -14,11 +13,10 @@ export default {
     'Object.values(ButtonType)': Object.values(ButtonType)
   },
   examples: [
-    { component: VariantsExample, getContainerProps, title: 'Button Variants' },
+    { component: VariantsExample, title: 'Button Variants' },
     { component: BlockExample, title: 'Block Button' },
     {
       component: LinkExample,
-      getContainerProps,
       title: 'Links',
       description: `Links with button styling. Semantic buttons and links are important for usability as well as accessibility. Using an "a" instead of a "button" element to perform user initiated actions should be avoided, unless absolutely necessary.`
     }
diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js b/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
index fdfbd1b6ffb..40c906e2e09 100644
--- a/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
+++ b/packages/patternfly-4/react-core/src/components/Button/examples/ButtonVariants.js
@@ -6,11 +6,11 @@ class ButtonVariants extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <Button variant="primary">Primary</Button>
-        <Button variant="secondary">Secondary</Button>
-        <Button variant="tertiary">Tertiary</Button>
-        <Button variant="danger">Secondary</Button>
-        <Button variant="link">Link</Button>
+        <Button variant="primary">Primary</Button>{' '}
+        <Button variant="secondary">Secondary</Button>{' '}
+        <Button variant="tertiary">Tertiary</Button>{' '}
+        <Button variant="danger">Secondary</Button>{' '}
+        <Button variant="link">Link</Button>{' '}
         <Button variant="plain" aria-label="Action">
           <TimesIcon />
         </Button>
diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/LinkButton.js b/packages/patternfly-4/react-core/src/components/Button/examples/LinkButton.js
index 16000cab6a1..fff6197fb5a 100644
--- a/packages/patternfly-4/react-core/src/components/Button/examples/LinkButton.js
+++ b/packages/patternfly-4/react-core/src/components/Button/examples/LinkButton.js
@@ -7,7 +7,7 @@ class LinkButton extends React.Component {
       <React.Fragment>
         <Button component="a" href="https://pf-next.com/" target="_blank">
           Link to Core Docs
-        </Button>
+        </Button>{' '}
         <Button component="a" isDisabled href="https://pf-next.com/" target="_blank">
           Disabled Link
         </Button>
diff --git a/packages/patternfly-4/react-core/src/components/Button/examples/common/getContainerProps.js b/packages/patternfly-4/react-core/src/components/Button/examples/common/getContainerProps.js
deleted file mode 100644
index 275cb821f16..00000000000
--- a/packages/patternfly-4/react-core/src/components/Button/examples/common/getContainerProps.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { css, StyleSheet } from '@patternfly/react-styles';
-
-const styles = StyleSheet.create({
-  demoLayout: {
-    '& > *': {
-      margin: '0.5rem'
-    }
-  }
-});
-
-export default () => ({ className: css(styles.demoLayout) });