rewrite structure and bit chat styling

site/client/app/views/chat.html

@@ -0,0 +1,13 @@
+<section class="container-chat">
+  <nav>
+    <ul>
+      <li><a class="active">Lobby Chat</a></li>
+      <li><a>Current Match</a></li>
+    </ul>
+  </nav>
+
+  <div class="chat">
+
+  </div>
+
+</section>

site/client/app/views/lobby.html

@@ -1,11 +1,11 @@
-<section class="container-inner">
+<a href="./lobby"><img src="assets/img/logo-medium.png" width="160" height="50" alt="Gwent" class="logo-medium"></a>
 
-  <a href="./lobby"><img src="assets/img/logo-medium.png" width="160" height="50" alt="Gwent" class="logo-medium"></a>
+<main>
 
   <navigation></navigation>
 
-  <main>
+  <section class="container-content">
     blaa
-  </main>
+  </section>
 
-</section>
+</main>

site/client/app/views/navigation.html

@@ -1,7 +1,7 @@
 <nav>
   <ul>
     <li><a class="active" v-on="click: changeView('lobby')">Lobby</a></li>
-    <li><a href="#" v-on="click: changeView('builder')">Deck Builder</a></li>
-    <li><a href="#" v-on="click: changeView('highscore')">Highscore</a></li>
+    <li><a v-on="click: changeView('deck-builder')">Deck Builder</a></li>
+    <li><a v-on="click: changeView('highscore')">Highscore</a></li>
   </ul>
 </nav>