Made background white and added a max width

storybookjs · Aug 30, 2016 · da3e301 · da3e301
1 parent 3c059db
commit da3e301
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Panel.js b/src/components/Panel.js
@@ -5,7 +5,6 @@ import tosource from 'tosource';
 const styles = {
   panel: {
     padding: '5px',
-    backgroundColor: 'rgb(247, 247, 247)',
     width: '100%',
   },
   noKnobs: {
@@ -14,7 +13,6 @@ const styles = {
       "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif
     `,
     display: 'inline',
-    backgroundColor: 'rgb(247, 247, 247)',
     width: '100%',
     textAlign: 'center',
     color: 'rgb(190, 190, 190)',

diff --git a/src/components/PropField.js b/src/components/PropField.js
@@ -8,15 +8,14 @@ const stylesheet = {
     height: '26px',
     width: '100%',
     outline: 'none',
-    border: '0px',
+    border: '1px solid rgb(236, 236, 236)',
     fontSize: '12px',
     padding: '5px',
     color: 'rgb(130, 130, 130)',
   },
   field: {
     display: 'table-row',
     padding: '5px',
-    color: 'rgb(130, 130, 130)',
   },
   label: {
     display: 'table-cell',
@@ -25,6 +24,7 @@ const stylesheet = {
     textAlign: 'right',
     width: '20px',
     fontSize: '13px',
+    color: 'rgb(68, 68, 68)',
   },
 };
 

diff --git a/src/components/PropForm.js b/src/components/PropForm.js
@@ -11,6 +11,8 @@ const stylesheet = {
     display: 'table',
     boxSizing: 'border-box',
     width: '100%',
+    maxWidth: '500px',
+    margin: '0 auto',
     borderCollapse: 'separate',
     borderSpacing: '5px',
   },