From b038f704a88cb7c353fc514a55b3bc46dec82bce Mon Sep 17 00:00:00 2001
From: "@soyjavi" <javi.jimenez.villar@gmail.com>
Date: Tue, 6 Oct 2015 12:43:11 +0700
Subject: [PATCH] Normalize spec

---
 spec/components/card.jsx   | 1 -
 spec/components/drawer.jsx | 4 ++--
 spec/index.jsx             | 9 ++++-----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/spec/components/card.jsx b/spec/components/card.jsx
index ee3818d1..97102652 100644
--- a/spec/components/card.jsx
+++ b/spec/components/card.jsx
@@ -23,7 +23,6 @@ export default React.createClass({
     return (
       <section>
         <h2>Cards</h2>
-        <h3>Basic properties</h3>
         <Card title='Default Card' />
         <Card title='Default Card loading' loading />
         <Card type='wide' title='Wide card' />
diff --git a/spec/components/drawer.jsx b/spec/components/drawer.jsx
index ed74ce5c..83fa9c62 100644
--- a/spec/components/drawer.jsx
+++ b/spec/components/drawer.jsx
@@ -14,7 +14,7 @@ export default React.createClass({
     return (
       <section>
         <h2>Drawer</h2>
-        <p style={{marginBottom: '10px'}}>You can navigate using a drawer to the left or right. They can be auto-closable or not.</p>
+        <p>You can navigate using a drawer to the left or right. They can be auto-closable or not.</p>
 
         <Drawer ref='left' hideable={true}>
           <h2>Officia deserunt mollit.</h2>
@@ -28,7 +28,7 @@ export default React.createClass({
 
         <nav>
           <Button className='accent' label='Drawer left hideable' type='raised' onClick={this.onClick.bind(null, 'left', 'show')} />
-          <Button className='primary' style={{marginLeft: '20px'}} label='Drawer right' type='raised' onClick={this.onClick.bind(null, 'right', 'show')} />
+          <Button className='primary' label='Drawer right' type='raised' onClick={this.onClick.bind(null, 'right', 'show')} />
         </nav>
       </section>
     );
diff --git a/spec/index.jsx b/spec/index.jsx
index ca79d828..d64ef469 100644
--- a/spec/index.jsx
+++ b/spec/index.jsx
@@ -4,10 +4,8 @@
 import Button from './components/button';
 import Card from './components/card';
 import Checkbox from './components/checkbox';
+import Dialog from './components/dialog';
 import Drawer from './components/drawer';
-
-// import Card from './components/card';
-// import Dialog from './components/dialog';
 // import Dropdown from './components/dropdown';
 // import FontIcon from './components/font_icon';
 // import Form from './components/form';
@@ -22,11 +20,12 @@ const Test = React.createClass({
 
   render () {
     return (
-      <app data-toolbox-app={true}>
+      <app data-react-toolbox-app>
         <h1>React Toolbox</h1>
-        <Checkbox />
         <Button />
         <Card />
+        <Checkbox />
+        <Dialog />
         <Drawer />
       </app>
     );