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