Fix styling and toggle off issues

plugins/talk-plugin-notifications/client/components/Toggle.css

@@ -1,6 +1,6 @@
 .title {
   display: inline-block;
-  width: 270px;
+  width: 100%;
   cursor: pointer;
   user-select: none;
 
@@ -16,6 +16,5 @@
 }
 
 .checkBox {
-  width: 100%;
   text-align: right;
 }

plugins/talk-plugin-notifications/client/containers/Settings.js

@@ -15,13 +15,15 @@ class SettingsContainer extends React.Component {
   };
 
   indicateOn = plugin =>
-    this.setState({
-      hasNotifications: this.state.hasNotifications.concat(plugin),
-    });
+    this.setState(state => ({
+      hasNotifications: state.hasNotifications.concat(plugin),
+    }));
+
   indicateOff = plugin =>
-    this.setState({
-      hasNotifications: this.state.hasNotifications.filter(i => i !== plugin),
-    });
+    this.setState(state => ({
+      hasNotifications: state.hasNotifications.filter(i => i !== plugin),
+    }));
+
   setTurnOffInputFragment = fragment =>
     this.setState(state => ({
       turnOffInput: { ...state.turnOffInput, ...fragment },