closes #248

public/src/forum/footer.js

@@ -53,7 +53,13 @@
 				jQuery('#search-fields').hide();
 				jQuery('#search-button').show();
 			});
+
+			$('#search-fields input').on('blur', function() {
+				$('#search-fields').hide();
+				$('#search-button').show();
+			});
 		});
+
 		var rightMenu = $('#right-menu'),
 			isLoggedIn = data.uid > 0;
 
@@ -82,6 +88,7 @@
 				rightMenu.append(logoutli);
 			}
 		} else {
+			$('#search-button').hide();
 			jQuery('.nodebb-loggedin').hide();
 			jQuery('.nodebb-loggedout').show();
 

public/templates/header.tpl

@@ -63,13 +63,13 @@
 
 				<form id="search-form" class="navbar-form navbar-right hidden-xs" role="search" method="GET" action="">
 					<div class="hide" id="search-fields">
-				    	<div class="form-group">
+						<div class="form-group">
 							<input type="text" class="form-control" placeholder="Search" name="query" value="">
-				    	</div>
+						</div>
-				    	<button type="submit" class="btn btn-default hide">Search</button>
+						<button type="submit" class="btn btn-default hide">Search</button>
-				    </div>
+					</div>
-			    	<button id="search-button" type="button" class="btn btn-link nodebb-loggedin"><i class="icon-search"></i></button>
+					<button id="search-button" type="button" class="btn btn-link"><i class="icon-search"></i></button>
-			    </form>
+				</form>
 
 				<ul id="right-menu" class="nav navbar-nav navbar-right">
 					<li class="notifications dropdown text-center hidden-xs">