From 0a194be8ea540ed8f1be7914dc0e04ddf747152f Mon Sep 17 00:00:00 2001
From: Felix Niklas <mail@felixniklas.de>
Date: Thu, 24 Jul 2014 16:59:43 +0200
Subject: [PATCH] Style Overview Sidebar

---
 .../views/agent_ticket_view/navbar.jst.eco    |  7 +++-
 app/assets/stylesheets/zzz.css.erb            | 33 +++++++++++++++++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/views/agent_ticket_view/navbar.jst.eco b/app/assets/javascripts/app/views/agent_ticket_view/navbar.jst.eco
index bd944ae07..f3d4eb867 100644
--- a/app/assets/javascripts/app/views/agent_ticket_view/navbar.jst.eco
+++ b/app/assets/javascripts/app/views/agent_ticket_view/navbar.jst.eco
@@ -1,7 +1,12 @@
 <ul class="nav nav-pills nav-stacked">
   <% if @items: %>
     <% for item in @items: %>
-      <li <% if item.active: %>class="active"<% end %>><a href="<%= item.target %>"><span class="local"><%- @T(item.name) %></span><span class="badge pull-right"><%= item.count %></span></a></li>
+      <li <% if item.active: %>class="active"<% end %>>
+        <a class="horizontal center" href="<%= item.target %>">
+          <span class="local contain-text"><%- @T(item.name) %></span>
+          <span class="badge"><%= item.count %></span>
+        </a>
+      </li>
     <% end %>
   <% end %>
 </ul>
diff --git a/app/assets/stylesheets/zzz.css.erb b/app/assets/stylesheets/zzz.css.erb
index e4926bf94..3d706bad6 100644
--- a/app/assets/stylesheets/zzz.css.erb
+++ b/app/assets/stylesheets/zzz.css.erb
@@ -1896,13 +1896,19 @@ footer {
 }
 
 .sidebar {
-  width: 270px;
-  padding: 1px 20px 20px;
+  width: 32%;
+  max-width: 353px;
+  padding: 20px;
   background: white;
   border-right: 1px solid #e6e6e6;
   overflow: auto;
 }
 
+.NavBarAdmin.sidebar {
+  padding-top: 1px;
+  width: 270px;
+}
+
   .nav-stacked > li + li {
     margin-top: 0;
   }
@@ -1944,6 +1950,29 @@ footer {
     margin-right: -10px;
   }
 
+  .sidebar:not(.NavBarAdmin) .nav-pills > li:first-child > a {
+    border-top: none;
+  }
+
+  .badge {
+    padding: 0;
+    font-size: inherit;
+    font-weight: normal;
+    color: #d0d2d3;
+    background: none;
+    border-radius: 0;
+  }
+
+  .nav-pills > li > a > .badge {
+    margin-left: auto;
+  }
+
+  a.list-group-item.active > .badge, 
+  .nav-pills > .active > a > .badge {
+    color: #96969b;
+    background: none;
+  }
+
 .main {
   padding: 10px 20px;
   background: #f8f9fa;