Changes on spec

Author: soyjavi

spec/components/autocomplete.jsx

@@ -28,8 +28,8 @@ export default React.createClass({
 
     return (
       <section>
-        <h2>Autocomplete</h2>
-        <p style={{marginBottom: '5px'}}>You can have a multiple or simple autocomplete.</p>
+        <h5>Autocomplete</h5>
+        <p>You can have a multiple or simple autocomplete.</p>
 
         <Autocomplete
           ref="autocomplete_multiple"

spec/components/dropdown.jsx

@@ -44,7 +44,7 @@ export default React.createClass({
   render () {
     return (
       <section>
-        <h2>Dropdown</h2>
+        <h5>Dropdown</h5>
         <p>lorem ipsum...</p>
         <Dropdown dataSource={this.state.countries} label="Countries" onChange={this.onChange}/>
         <Dropdown dataSource={this.state.countries} disabled={true} onChange={this.onChange}/>

spec/index.html

@@ -16,7 +16,10 @@
     <link href="../build/react-toolbox.commons.css" rel='stylesheet' type='text/css'>
     <link href="../build/react-toolbox.test.css" rel='stylesheet' type='text/css'>
     <style>
-      app > h4, app > section { margin: 2rem; }
+      app { padding: 1.6rem; }
+      app > h1, app > h3 { line-height: 100%; }
+      app h5 { margin-top: 3.2rem; }
+      app p { margin-bottom: 1.6rem; opacity: 0.5;}
       app [data-react-toolbox='card'] {
         margin: 1.6rem 1.6rem 0 0;
         display: inline-block;

spec/index.jsx

@@ -1,14 +1,14 @@
 /* global React */
 
-// import Autocomplete from './components/autocomplete';
+import Autocomplete from './components/autocomplete';
 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 RadioGroup from './components/radio_group';
 import Switch from './components/switch';
-// import Dropdown from './components/dropdown';
+import Dropdown from './components/dropdown';
 // import FontIcon from './components/font_icon';
 // import Form from './components/form';
 // import Progress from './components/progress';
@@ -22,17 +22,21 @@ const Test = React.createClass({
   render () {
     return (
       <app data-react-toolbox-app>
-        <h4>React Toolbox component spec</h4>
+        <h1>React Toolbox </h1>
+        <h3>Component Spec</h3>
+        <Autocomplete />
         <Button />
         <Card />
         <Checkbox />
         <Dialog />
         <Drawer />
         <RadioGroup />
         <Switch />
+        <Dropdown />
       </app>
     );
   }
 });
 
+
 React.render(<Test/>, document.body);