From e3b77af2f499d14af0a0ac5b5f0400baa43d4030 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Fri, 21 Aug 2015 11:14:31 +0300
Subject: [PATCH] Simplify serachable select layout

---
 .../app/views/generic/searchable_select.jst.eco    |  5 ++++-
 app/assets/stylesheets/zammad.css.scss             | 14 ++++++--------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/assets/javascripts/app/views/generic/searchable_select.jst.eco b/app/assets/javascripts/app/views/generic/searchable_select.jst.eco
index 75f0d7b2a..83c7f8d3b 100644
--- a/app/assets/javascripts/app/views/generic/searchable_select.jst.eco
+++ b/app/assets/javascripts/app/views/generic/searchable_select.jst.eco
@@ -7,12 +7,15 @@
     <%= @autofocus %>
     value="<%= @value %>"
   >
-  <div class="searchableSelect-autocomplete"><span class="searchableSelect-autocomplete-invisible js-autocomplete-invisible"></span><span class="searchableSelect-autocomplete-visible js-autocomplete-visible"></span></div>
   <input
     class="searchableSelect-main form-control js-input<%= " #{ @class }" if @class %>"
     placeholder="<%= @placeholder %>"
     value="<%= @valueName %>"
   >
+  <div class="searchableSelect-autocomplete">
+    <span class="searchableSelect-autocomplete-invisible js-autocomplete-invisible"></span>
+    <span class="searchableSelect-autocomplete-visible js-autocomplete-visible"></span>
+  </div>
   <svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg>
   <div class="small loading icon"></div>
 </div>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 99662b88c..643082bdc 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -5823,18 +5823,15 @@ output {
   }
 
   .searchableSelect-main {
-    background: none;
     position: relative;
   }
   
   .searchableSelect-shadow {
-    pointer-events: none;
-    color: transparent;
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    border: none;
+    display: none;
+  }
+
+  .dropdown-menu {
+    margin-top: -3px;
   }
   
   &.dropdown li:hover:not(.is-active) {
@@ -5857,6 +5854,7 @@ output {
     white-space: nowrap;
     overflow: hidden;
     pointer-events: none;
+    display: flex;
   }
 
   .searchableSelect-autocomplete-invisible {