From d10f21bb792d2858f1ca68c5a73a95eb4bec30e6 Mon Sep 17 00:00:00 2001
From: Dominik Sander <git@dsander.de>
Date: Tue, 23 Sep 2014 22:03:53 +0200
Subject: [PATCH] Fixed navigation bar when many events are pending

Fixes #498
---
 app/assets/stylesheets/application.css.scss.erb |  5 +++++
 app/views/layouts/_navigation.html.erb          | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/application.css.scss.erb b/app/assets/stylesheets/application.css.scss.erb
index b4b35df1..78fc4452 100644
--- a/app/assets/stylesheets/application.css.scss.erb
+++ b/app/assets/stylesheets/application.css.scss.erb
@@ -86,6 +86,11 @@ span.not-applicable:after {
 .nav > li {
   &.job-indicator, &#event-indicator {
     display: none;
+
+    a {
+      padding-right: 5px;
+      padding-left: 5px;
+    }
   }
 }
 
diff --git a/app/views/layouts/_navigation.html.erb b/app/views/layouts/_navigation.html.erb
index b1be675f..64fc5de1 100644
--- a/app/views/layouts/_navigation.html.erb
+++ b/app/views/layouts/_navigation.html.erb
@@ -28,29 +28,29 @@
   
   <ul class="nav navbar-nav navbar-right">
     <% if user_signed_in? %>
-      <form class="navbar-form navbar-left" role="search">
+      <form class="navbar-form navbar-left visible-lg" role="search">
         <div class="form-group">
           <input type="text" class="form-control" id='agent-navigate' autocomplete="off" placeholder="Search">
           <%= image_tag "spinner-arrows.gif", :class => "spinner" %>
         </div>
       </form>
       
-      <li class='job-indicator' role='pending'>
+      <li class='job-indicator visible-lg' role='pending'>
         <%= link_to current_user.admin? ? jobs_path : '#' do %>
           <span class="badge"><span class="glyphicon glyphicon-refresh icon-white"></span> <span class='number'>0</span></span>
         <% end %>
       </li>
-      <li class='job-indicator' role='awaiting_retry'>
+      <li class='job-indicator visible-lg' role='awaiting_retry'>
         <%= link_to current_user.admin? ? jobs_path : '#' do %>
           <span class="badge"><span class="glyphicon glyphicon-question-sign icon-yellow"></span> <span class='number'>0</span></span>
         <% end %>
       </li>
-      <li class='job-indicator' role='recent_failures'>
+      <li class='job-indicator hidden-sm hidden-xs' role='recent_failures'>
         <%= link_to current_user.admin? ? jobs_path : '#' do %>
           <span class="badge"><span class="glyphicon glyphicon-exclamation-sign icon-white"></span> <span class='number'>0</span></span>
         <% end %>
       </li>
-      <li id='event-indicator'>
+      <li id='event-indicator' class='hidden-sm hidden-xs'>
         <a href="#">
           <span class="badge"><span class="glyphicon glyphicon-random icon-white"></span> <span class='number'>0</span> new events</span>
         </a>