diff --git a/ui/src/components/toggle/index.js b/ui/src/components/toggle/index.js index b46f2dbb..d50bc992 100644 --- a/ui/src/components/toggle/index.js +++ b/ui/src/components/toggle/index.js @@ -83,6 +83,13 @@ const StyledInput1 = styled.input` } `; +/* +TODO: Remove !important - it is used to overirde a global style + */ +const StyledLabel = styled.label` + margin-bottom: 0 !important; +`; + const Toggle = ({ checked, className, @@ -120,13 +127,13 @@ const Toggle = ({ }; return ( - + ); })} diff --git a/ui/src/components/toggle/story.js b/ui/src/components/toggle/story.js index 6af792bc..da5059bb 100644 --- a/ui/src/components/toggle/story.js +++ b/ui/src/components/toggle/story.js @@ -4,27 +4,34 @@ const { storiesOf } = require('@kadira/storybook'); +const Base = require('../base'); const Toggle = require('./'); storiesOf('Toggle', module) .add('default', () => ( - + + + )) .add('checked', () => ( - + + + )) .add('no props', () => ( - + + + )); \ No newline at end of file