From e17f352a50e8b2025e3d998b58194cc2316d09aa Mon Sep 17 00:00:00 2001
From: Martin Edenhofer <me@edenhofer.de>
Date: Tue, 14 Oct 2014 23:58:13 +0200
Subject: [PATCH] Improved layout with large number of roles (10+).

---
 app/assets/javascripts/app/views/user.jst.eco | 6 ++++--
 app/assets/stylesheets/zammad.css.scss        | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/app/views/user.jst.eco b/app/assets/javascripts/app/views/user.jst.eco
index 4258db247..e08617b8d 100644
--- a/app/assets/javascripts/app/views/user.jst.eco
+++ b/app/assets/javascripts/app/views/user.jst.eco
@@ -11,9 +11,11 @@
   </div>
 </div>
 
-<div class="userSearch horizontal center">
+<div class="userSearch vertical center">
   <input type="text" class="js-search form-control flex" name="search" placeholder="<%- @T('Search for users') %>">
-  <div class="userSearch-label"><%- @T('Filter') %>:</div>
+</div>
+<div class="userSearch horizontal">
+  <div class="userSearch-label"><%- @T('Roles') %>:</div>
   <div class="tabs tabs-wide horizontal">
     <% for role in @roles: %>
       <div class="tab active" data-id="<%= role.id %>"><%- @T(role.displayName() ) %></div>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 695209254..da8e47e73 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -3745,7 +3745,7 @@ footer {
 }
 
 .userSearch-label {
-  margin: 0 10px 0 20px;
+  margin: 10px 10px 0 0;
 }
 
 .userSearch .tab:not(.active) {