start styling searchMatch and few changes

site/client/app/views/lobby.html

@@ -5,7 +5,7 @@
   <navigation></navigation>
 
   <section class="container-content">
-    blaa
+    <searchmatch></searchmatch>
   </section>
 
 </main>

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

@@ -0,0 +1,10 @@
+<div class="modal" v-class="active: modal">
+  <div class="modal-banner">
+    <div class="wrap-modal-search">
+
+      <i class="icon-content-load"></i>
+      <p class="modal-para">Search for Player</p>
+
+    </div>
+  </div>
+</div>

site/client/app/views/navigation.html

@@ -4,6 +4,6 @@
     <li><a v-on="click: changeView('deck-builder')">Deck Builder</a></li>
     <li><a v-on="click: changeView('highscore')">Highscore</a></li>
 
-    <li class="sub-nav"><a>Quick Match</a></li>
+    <li class="sub-nav" v-on="click: searchMatch"><a>Quick Match</a></li>
   </ul>
 </nav>