Merge pull request #32 from kadirahq/handle-css-resets

Handle css resets
storybookjs · Jun 29, 2016 · 92a981c · 92a981c
2 parents 61c9e97 + 9c70316
commit 92a981c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/src/components/PropTable.js b/src/components/PropTable.js
@@ -10,6 +10,14 @@ for (let typeName in React.PropTypes) {
   PropTypesMap.set(type, typeName);
 }
 
+const stylesheet = {
+  propTable: {
+    marginLeft: -10,
+    borderSpacing: '10px 5px',
+    borderCollapse: 'separate',
+  }
+};
+
 export default class PropTable extends React.Component {
   render () {
     const type = this.props.type;
@@ -57,7 +65,7 @@ export default class PropTable extends React.Component {
     });
 
     return (
-      <table>
+      <table style={stylesheet.propTable}>
         <thead>
           <tr>
             <th>property</th>

diff --git a/src/components/Story.js b/src/components/Story.js
@@ -86,7 +86,10 @@ const stylesheet = {
       fontSize: 25,
       borderBottom: '1px solid #EEE',
     }
-  }
+  },
+  propTableHead: {
+    margin: '20px 0 0 0'
+  },
 }
 
 export default class Story extends React.Component {
@@ -263,7 +266,7 @@ export default class Story extends React.Component {
     const propTables = array.map(function (type, idx) {
       return (
         <div key={idx}>
-          <h2>"{type.displayName || type.name}" Component</h2>
+          <h2 style={stylesheet.propTableHead}>"{type.displayName || type.name}" Component</h2>
           <PropTable type={type} />
         </div>
       );