# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1543500920 -3600
# Node ID c8fe86d1c2707fd6cc320a82713023c90f8bd3fd
# Parent  4afbc615cfc2f953d3c91b0d8dba06a01d9c870a
reduced width of search results

diff -r 4afbc615cfc2 -r c8fe86d1c270 client/src/components/map/Search.vue
--- a/client/src/components/map/Search.vue	Thu Nov 29 14:16:16 2018 +0100
+++ b/client/src/components/map/Search.vue	Thu Nov 29 15:15:20 2018 +0100
@@ -5,7 +5,7 @@
         <font-awesome-icon icon="search"></font-awesome-icon>
       </span>
     </div>
-    <div :class="['searchgroup', {'searchgroup-collapsed': !showSearchbar}]">
+    <div :class="['searchgroup', {'searchgroup-collapsed': !showSearchbar, big: showContextBox && ['bottlenecks', 'staging'].indexOf(contextBoxContent) !== -1 }]">
       <input
         @keyup.enter="takeFirstSearchresult"
         id="search"
@@ -40,8 +40,10 @@
   .searchgroup
     margin-left: -3px
     transition: width 0.3s
-    width: 571px
+    width: 300px
     overflow: hidden
+    &.big
+      width: 571px
 
   .searchgroup-collapsed
     width: 0