Wire up padding settings

components/Settings.js

@@ -20,7 +20,7 @@ class Settings extends React.Component {
   }
 
   handleClickOutside() {
-    this.setState({ isVisible: false });
+    this.setState({ isVisible: false })
   }
 
   render() {

components/Slider.js

@@ -8,7 +8,9 @@ export default class extends React.Component {
   }
 
   handleChange(e) {
-    this.setState({ value: e.target.value })
+    this.setState({ value: e.target.value }, () => {
+      this.props.onChange(`${this.state.value}px`)
+    })
   }
 
   render() {

components/Toggle.js

@@ -9,8 +9,9 @@ export default class extends React.Component {
   }
 
   toggle() {
-    this.setState({ isEnabled: !this.state.isEnabled })
+    this.setState({ isEnabled: !this.state.isEnabled }, () => {
-    this.props.onChange(this.state.isEnabled)
+      this.props.onChange(this.state.isEnabled)
+    })
   }
 
   render() {