From a6cbed94fc95077fddd8fc8b22e28c6452308667 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian.lam@gmail.com>
Date: Mon, 29 Apr 2013 22:23:40 -0400
Subject: [PATCH] changing some niggling CSS to turn on bootstrap-responsive

---
 public/templates/header.tpl | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/public/templates/header.tpl b/public/templates/header.tpl
index 76e960b22f..6bb2801fab 100644
--- a/public/templates/header.tpl
+++ b/public/templates/header.tpl
@@ -4,6 +4,7 @@
 	<title></title>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<link href="/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+	<link href="/vendor/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
 	<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
 	<script type="text/javascript" src="/vendor/bootstrap/js/bootstrap.min.js"></script>
 	<script type="text/javascript" src="/socket.io/socket.io.js"></script>
@@ -11,8 +12,10 @@
 	<script type="text/javascript" src="/src/templates.js"></script>
 	<script type="text/javascript" src="/src/ajaxify.js"></script>
 	<style type="text/css">
-	body {
-		padding-top: 60px;
+	@media (min-width: 979px) {
+		body {
+			padding-top: 60px;
+		}
 	}
 
 	#notification_window {
@@ -119,8 +122,13 @@
 	<div class="navbar navbar-inverse navbar-fixed-top">
 		<div class="navbar-inner">
 			<div class="container">
+				<a class="brand" href="/">NodeBB</a>
+				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+				</button>
 				<div class="nav-collapse collapse">
-					<a class="brand" href="/">NodeBB</a>
 					<ul class="nav">
 						<li class="active"><a href="/">Home</a></li>
 						<li><a href="/register">Register</a></li>