diff --git a/app/js/pages/component-demo-page.js b/app/js/pages/component-demo-page.js index fb8c26ef..d9490870 100644 --- a/app/js/pages/component-demo-page.js +++ b/app/js/pages/component-demo-page.js @@ -5,6 +5,7 @@ import {Link} from 'react-router'; import DocumentTitle from 'react-document-title'; import Button from '../components-core/button.js'; +import Widget from '../components-core/widget.js'; var DemoPage = React.createClass({ @@ -18,6 +19,16 @@ var DemoPage = React.createClass({ render: ( ) + }, + { + title: 'Widget', + render: ( + +

Register here!

+ + +
+ ) } ], diff --git a/app/styles/_base.scss b/app/styles/_base.scss index c1a0c3e0..90c998e1 100644 --- a/app/styles/_base.scss +++ b/app/styles/_base.scss @@ -1,3 +1,7 @@ +* { + box-sizing: border-box; +} + body { font-family: Helvetica, sans-serif; color: $font-color--dark; diff --git a/app/styles/core-components/_widget.scss b/app/styles/core-components/_widget.scss index fea43bb7..7ec67f4d 100644 --- a/app/styles/core-components/_widget.scss +++ b/app/styles/core-components/_widget.scss @@ -1,6 +1,7 @@ .widget { background-color: white; border-radius: 4px; - min-height: 50px; + text-align: center; + padding: 27px; width: 324px; } \ No newline at end of file