Using the grid system for the main page #11

nnmon/templates/base.html

@@ -50,7 +50,7 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-					<a class="navbar-brand" href="#">Respect my net</a>
+					<a class="navbar-brand" href="/">Respect my net</a>
 				</div>
 
 				<div class="collapse navbar-collapse" id="main-nav">
@@ -58,27 +58,33 @@
 						<li role="presentation" {% block active_tab_cases %}{% endblock %}><a href="{% url 'list_violations' %}">{% trans "Cases" %}</a></li>
 						<li role="presentation" {% block active_tab_about %}{% endblock %}><a href="{%root_url%}/about">{% trans "What is Net Neutrality?" %}</a></li>
 						<li role="presentation" {% block active_tab_start %}{% endblock %}><a href="{%root_url%}/start">{% trans "Start Monitoring" %}</a></li>
-						<li role="presentation" class="navbar-right">
-							<form action="/search/" method="get" class="navbar-form">
-								<div class="form-group">
-									<input type="text" class="form-control" placeholder="Quick Search...">
-								</div>
-								{% buttons %}
-									<button type="submit" class="btn btn-default">Search</button>
-								{% endbuttons %}
-							</form>
-						</li>
 					</ul>
+					<form action="/search/" method="get" class="navbar-form navbar-right">
+						<div class="form-group">
+							<input type="text" class="form-control" placeholder="Quick Search...">
+						</div>
+						{% buttons %}
+							<button type="submit" class="btn btn-default">Search</button>
+						{% endbuttons %}
+					</form>
 				</nav>
 			</div>
 		</div>
 
 		<div id="wrapper">
 			<div class="container-fluid">
-				{% block content %}
-				{% endblock %}
-				{% block other_content %}
-				{% endblock %}
+				<div class="row">
+					<div class="col-xs-12 col-md-8 col-md-offset-2">
+						{% block content %}
+						{% endblock %}
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-xs-12 col-md-8 col-md-offset-2">
+						{% block other_content %}
+						{% endblock %}
+					</div>
+				</div>
 			</div>
 			<div id="push"></div>
 		</div>