From f94ebcc2af7127e5f2c402e06341754e8b06ca3a Mon Sep 17 00:00:00 2001
From: Sebastian Henschel <sebastian@tesobe.com>
Date: Wed, 7 Jun 2017 12:40:30 +0200
Subject: [PATCH] Tweaked navigation when in size xs

---
 apimanager/base/static/css/base.css | 8 ++++++++
 apimanager/base/templates/base.html | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apimanager/base/static/css/base.css b/apimanager/base/static/css/base.css
index 967ec05..ca84054 100644
--- a/apimanager/base/static/css/base.css
+++ b/apimanager/base/static/css/base.css
@@ -63,6 +63,14 @@ footer a:hover, .footer a:focus {
 .navbar-default .navbar-toggle .icon-bar {
 	background-color: #fff;
 }
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+    background-color: #33a4cf;
+}
+
+.navbar-btn {
+    margin-left: 15px;
+}
 
 .btn-primary {
 	background-color: #53c4ef;
diff --git a/apimanager/base/templates/base.html b/apimanager/base/templates/base.html
index c61a7ce..2c01e64 100644
--- a/apimanager/base/templates/base.html
+++ b/apimanager/base/templates/base.html
@@ -43,7 +43,7 @@
 				<ul class="nav navbar-nav navbar-right">
 					<li>
 {% if user.is_authenticated %}
-<p class="navbar-btn"><a href="{% url 'oauth-logout' %}" class="btn btn-default">Logout {{ API_USERNAME }}</a></p>
+                    <p class="navbar-btn"><a href="{% url 'oauth-logout' %}" class="btn btn-default">Logout {{ API_USERNAME }}</a></p>
 {% endif %}
 					</li>
 				</ul>
@@ -55,7 +55,7 @@
 	<div class="container messages">
 	{% for message in messages %}
 	<div class="alert alert-dismissible{% ifequal message.tags "error" %} alert-danger{% else %}{% ifequal message.tags "debug" %} alert-info{% else %} alert-{{ message.tags }}{% endifequal %}{% endifequal %}" role="alert">
-			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>	
+			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 			{{ message }}
 		</div>
 	{% endfor %}