Fix: Sound notifications button

clientapp/templates.js

@@ -512,7 +512,7 @@ exports.pages.groupchat = function anonymous(locals) {
 exports.pages.main = function anonymous(locals) {
     var buf = [];
     with (locals || {}) {
-        buf.push('<section class="page main"><h1 id="title">Settings</h1><div id="avatarChanger"><h4>Change Avatar</h4><div class="uploadRegion"><p>Drag and drop a new avatar here</p><img/><form><input id="uploader" type="file"/></form></div></div><div><h4>Desktop Integration</h4><button class="enableAlerts">Enable alerts</button><button class="primary installFirefox">Install app</button><button class="soundNotifs">Sound Notification</button></div><div><button class="logout">Logout</button></div></section>');
+        buf.push('<section class="page main"><h1 id="title">Settings</h1><div id="avatarChanger"><h4>Change Avatar</h4><div class="uploadRegion"><p>Drag and drop a new avatar here</p><img/><form><input id="uploader" type="file"/></form></div></div><div><h4>Desktop Integration</h4><button class="enableAlerts">Enable alerts</button><button class="primary installFirefox">Install app</button><button class="soundNotifs">sound notifications</button></div><div><button class="logout">Logout</button></div></section>');
     }
     return buf.join("");
 };

clientapp/templates/pages/main.jade

@@ -14,7 +14,7 @@ section.page.main
     h4 Desktop Integration
     button.enableAlerts Enable alerts
     button.primary.installFirefox Install app
-    button.soundNotifs Sound Notification
+    button.soundNotifs sound notifications
 
   div
     button.logout Logout

public/css/otalk.css

@@ -1545,6 +1545,12 @@ button.secondary:hover:not(:disabled) {
 .main > div .soundNotifs {
   margin-left: 5px;
 }
+.main > div .soundNotifs.primary:before {
+  content: 'Disable ';
+}
+.main > div .soundNotifs.secondary:before {
+  content: 'Enable ';
+}
 .uploadRegion {
   padding: 15px;
   -moz-border-radius: 3px;

public/css/pages/settings.styl

@@ -26,6 +26,14 @@
     .installFirefox, .soundNotifs
       margin-left: 5px
 
+    .soundNotifs
+      &.primary
+        &:before
+          content: 'Disable '
+      &.secondary
+        &:before
+          content: 'Enable '
+
 .uploadRegion
   padding: 15px
   roundall(3px)