From 6776b099ddcb5c91ae1e1a97c7e64b84413b7774 Mon Sep 17 00:00:00 2001
From: AlexKvazos <contact@alexkvazos.com>
Date: Tue, 28 Apr 2015 23:17:02 -0500
Subject: [PATCH] Responsive navbar

---
 public/templates/windows/nav.html | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/public/templates/windows/nav.html b/public/templates/windows/nav.html
index 3a513c5..4af8924 100644
--- a/public/templates/windows/nav.html
+++ b/public/templates/windows/nav.html
@@ -1,14 +1,26 @@
 <nav class="navbar navbar-default navbar-fixed-top" role="navigation" ng-controller="navController">
-  <a class="navbar-brand" href="/">Minecraft Chat</a>
-  <ul class="nav navbar-nav">
-    <li><a style="cursor:pointer" data-toggle="modal" data-target="#connectModal">Connect</a></li>
-    <li><a style="cursor:pointer" ng-click="disconnect()">Disconnect</a></li>
-    <li><a href="https://github.com/AlexKvazos/MinecraftChat">View on GitHub</a></li>
-  </ul>
-  <ul class="nav navbar-nav pull-right">
+  <!-- Brand and toggle get grouped for better mobile display -->
+  <div class="navbar-header">
+    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
+      <span class="sr-only">Toggle navigation</span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+      <span class="icon-bar"></span>
+    </button>
+    <a class="navbar-brand" href="#">MinecraftChat</a>
+  </div>
+
+  <div class="collapse navbar-collapse navbar-ex1-collapse">
+    <ul class="nav navbar-nav">
+      <li><a style="cursor:pointer" data-toggle="modal" data-target="#connectModal">Connect</a></li>
+      <li><a style="cursor:pointer" ng-click="disconnect()">Disconnect</a></li>
+      <li><a href="https://github.com/AlexKvazos/MinecraftChat" target="new">View on GitHub</a></li>
+    </ul>
+    <ul class="nav navbar-nav pull-right">
     <li ng-hide="connected"><a style="color:#9E0F06">Not Connected</a></li>
     <li ng-show="connected"><a style="color:#6AC126">Connected to <i>{{host}}:{{port}}</i> as <b>{{username}}</b></a></li>
   </ul>
+  </div>
 </nav>