'refine' to 'apply'. highlight 'apply' button for non-empty queries

Author: marcgurney

src/refine-view/index.jade

@@ -2,6 +2,5 @@
   form: .input-group(data-hook='refine-input-group')
     input.form-control.input-sm(type='text', data-hook='refine-input')
     span.input-group-btn
-      button.btn.btn-default.btn-sm(type='button', data-hook='refine-button') Refine
-    span.input-group-btn
+      button.btn.btn-info.btn-sm(type='button', data-hook='refine-button') Apply
       button.btn.btn-default.btn-sm(type='button', data-hook='reset-button') Reset

src/refine-view/index.js

@@ -25,10 +25,15 @@ module.exports = AmpersandView.extend({
       type: 'value',
       hook: 'refine-input'
     },
-    notEmpty: {
+    notEmpty: [{
       type: 'toggle',
       hook: 'reset-button'
-    },
+    }, {
+      type: 'booleanClass',
+      hook: 'refine-button',
+      yes: 'btn-info',
+      no: 'btn-default'
+    }],
     valid: [
       // red input border while query is invalid
       {

src/refine-view/index.less

@@ -10,6 +10,10 @@
     height: 28px;
     & + .input-group-btn {
       padding-left: 10px;
+
+      &:last-child > .btn {
+        margin-left: 2px;
+      }
     }
   }
 }