styling and quick match button

site/client/app/views/chat.html

@@ -7,7 +7,7 @@
   </nav>
 
   <div class="chat">
-
+    blaa blaa
   </div>
 
 </section>

site/client/app/views/navigation.html

@@ -3,5 +3,7 @@
     <li><a class="active" v-on="click: changeView('lobby')">Lobby</a></li>
     <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>
   </ul>
 </nav>

site/client/assets/sass/_base.scss

@@ -10,6 +10,7 @@ body {
 
 body {
   width: 100%;
+  min-width: 1000px;
   font-family: 'Titillium Web', sans-serif;
 }
 

site/client/assets/sass/_chat.scss

@@ -4,7 +4,7 @@
 
   a {
     font-size: 14px;
-    padding: 15px 15px;
+    padding: 15px 18px;
   }
 }
 

site/client/assets/sass/_nav.scss

@@ -2,10 +2,12 @@ nav {
   float: left;
   margin: 30px 0 0 0;
   clear: both;
+  width: 100%;
 
   ul {
     float: left;
     margin: 0;
+    width: 100%;
   }
 
   li {
@@ -18,7 +20,7 @@ nav {
     font-size: 19px;
     text-transform: uppercase;
     font-weight: 300;
-    padding: 12px 25px;
+    padding: 12px 30px;
     float: left;
     cursor: pointer;
     height: 55px;
@@ -35,4 +37,8 @@ nav {
       background: #080d14;
     }
   }
+}
+
+.sub-nav {
+  float: right;
 }