Merge pull request #7 from rpearce/update-example

rpearce · web-flow · commit 70f502e114bb · 2018-12-18T18:45:19.000+13:00
update example
diff --git a/docs/app.js b/docs/app.js
@@ -43,9 +43,7 @@ function (_Component) {
   _createClass(App, [{
     key: "render",
     value: function render() {
-      return _react.default.createElement("div", {
-        className: "container"
-      }, _react.default.createElement("section", null, _react.default.createElement("h2", null, "Button with children"), _react.default.createElement(_.default, {
+      return _react.default.createElement("div", null, _react.default.createElement("section", null, _react.default.createElement("h2", null, "Button with children"), _react.default.createElement(_.default, {
         className: "btn--words",
         onClick: function onClick() {
           return window.alert('pressed first one');
diff --git a/docs/index.html b/docs/index.html
@@ -56,9 +56,11 @@
     </style>
   </head>
   <body>
-    <h1>react-button-a11y example</h1>
-    <p>Use the TAB key (or equivalent) to select the buttons and use enter/return, spacebar or click on them to trigger the callback.</p>
-    <div data-app></div>
+    <main class="container">
+      <h1>react-button-a11y example</h1>
+      <p>Use the TAB key (or equivalent) to select the buttons and use enter/return, spacebar or click on them to trigger the callback.</p>
+      <div data-app></div>
+    </main>
     <script src="app.js" async></script>
   </body>
 </html>
diff --git a/example/app.js b/example/app.js
@@ -5,7 +5,7 @@ import ButtonA11y from '../'
 class App extends Component {
   render() {
     return (
-      <div className="container">
+      <div>
         <section>
           <h2>Button with children</h2>
           <ButtonA11y
