From 838a4b99cad831b016f5d0250924f49646ae295c Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Wed, 1 Aug 2018 13:07:56 -0300
Subject: [PATCH] Adjustments on Textual Search for ItemsList.

---
 src/admin/components/lists/terms-list.vue | 51 +++++++++++++++++++----
 1 file changed, 42 insertions(+), 9 deletions(-)

diff --git a/src/admin/components/lists/terms-list.vue b/src/admin/components/lists/terms-list.vue
index 708aea0ee..2fa32f4af 100644
--- a/src/admin/components/lists/terms-list.vue
+++ b/src/admin/components/lists/terms-list.vue
@@ -33,7 +33,8 @@
                         type="search"
                         autocomplete="on"
                         v-model="searchQuery"
-                        @keyup.enter="loadTerms(0)">
+                        @keyup.enter="loadTerms(0)"
+                        :disabled="isEditingTerm">
                     <span
                             @click="loadTerms(0)"
                             class="icon is-right">
@@ -415,19 +416,51 @@ export default {
 
     @import "../../scss/_variables.scss";
 
-    .order-area {
-        display: inline-flex !important;
-        padding: 4px;
-        margin-left: 30px;
+    .terms-list-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
 
-        .gray-icon, .gray-icon .icon {
-            color: $gray4 !important;
+        .order-area {
+            display: inline-flex !important;
+            padding: 4px;
+            margin-left: auto;
+
+            .gray-icon, .gray-icon .icon {
+                color: $gray4 !important;
+            }
+            .gray-icon .icon i::before, .gray-icon i::before {
+                font-size: 21px !important;
+            }
         }
-        .gray-icon .icon i::before, .gray-icon i::before {
-            font-size: 21px !important;
+
+        .search-area {
+            display: inline-flex;
+            align-items: center;
+
+            .input {
+                border: 1px solid $gray2;
+            }
+            .control {
+                width: 100%;
+                .icon {
+                    pointer-events: all;
+                    cursor: pointer;
+                    color: $blue5;
+                    height: 27px;
+                    font-size: 18px !important;
+                    height: 2rem !important;
+                }
+            }
+            a {
+                margin-left: 12px;
+                white-space: nowrap; 
+            }
         }
     }
 
+    
+
     .term-item {
         font-size: 14px;
         padding: 0.7em 0.9em;