styling searchMatch

site/client/app/components/modals/searchMatch.js

@@ -2,6 +2,13 @@ module.exports = {
 
   template: require('../../views/modals/searchMatch.html'),
 
- 	inherit: true
+ 	inherit: true,
+
+ 	methods: {
+ 		cancelMatch: function() {
+ 			this.modal = false;
+    	// trigger match functions
+ 		}
+ 	}
 
 };

site/client/app/views/modals/searchMatch.html

@@ -5,6 +5,8 @@
       <i class="icon-content-load"></i>
       <p class="modal-para">Search for Player</p>
 
+      <span class="btn-cancel" v-on="click: cancelMatch">Cancel</span>
+
     </div>
   </div>
 </div>