From 7fdc9c80170f4189b984f9fe422eb311667cad20 Mon Sep 17 00:00:00 2001
From: Mateus Machado Luna <mateus.m.luna@gmail.com>
Date: Wed, 18 Jul 2018 15:13:09 -0300
Subject: [PATCH] Begins improvements in filter list responsiviness and fixes
 Processes Popup not showing value.

---
 .../components/other/processes-popup.vue      |  2 +-
 src/admin/pages/lists/items-page.vue          | 39 ++++++++++++++++++-
 2 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/admin/components/other/processes-popup.vue b/src/admin/components/other/processes-popup.vue
index b15cd5c31..b2abd036d 100644
--- a/src/admin/components/other/processes-popup.vue
+++ b/src/admin/components/other/processes-popup.vue
@@ -87,7 +87,7 @@
                     class="icon has-text-tertiary"><i class="mdi mdi-18px mdi-autorenew"/></span>
             <p class="footer-title">    
                 {{ hasAnyProcessExecuting ? 
-                    (bgProcesses[0].progress_label ? bgProcesses[0].progress_label + ((bgProcesses[0].progress_value && bgProcesses[0].value >= 0) ? ' - ' + bgProcesses[0].progress_value : '') : $i18n.get('label_no_details_of_process')): 
+                    (bgProcesses[0].progress_label ? bgProcesses[0].progress_label + ((bgProcesses[0].progress_value && bgProcesses[0].progress_value >= 0) ? ' - ' + bgProcesses[0].progress_value : '') : $i18n.get('label_no_details_of_process')): 
                     $i18n.get('info_no_process') 
                 }}
             </p>
diff --git a/src/admin/pages/lists/items-page.vue b/src/admin/pages/lists/items-page.vue
index 83cccc823..ea41a0e72 100644
--- a/src/admin/pages/lists/items-page.vue
+++ b/src/admin/pages/lists/items-page.vue
@@ -20,7 +20,7 @@
                     :is-full-page="false"
                     :active.sync="isLoadingFilters"/>
 
-            <div class="search-area">
+            <div class="search-area is-hidden-mobile">
                 <div class="control has-icons-right  is-small is-clearfix">
                     <input
                             class="input is-small"
@@ -39,7 +39,7 @@
             </div>
             <a
                     @click="openAdvancedSearch = !openAdvancedSearch"
-                    class="is-size-7 is-secondary is-pulled-right">{{ $i18n.get('advanced_search') }}</a>
+                    class="is-size-7 is-secondary is-pulled-right is-hidden-mobile">{{ $i18n.get('advanced_search') }}</a>
 
             <h3 class="has-text-weight-semibold">{{ $i18n.get('filters') }}</h3>
             <a
@@ -328,6 +328,28 @@
                         </b-dropdown>
                     </b-field>
                 </div>
+                <div class="is-hidden-tablet">
+                    <div class="search-control-item">
+                        <div class="control has-icons-right  is-small is-clearfix">
+                            <input
+                                    class="input is-small"
+                                    :placeholder="$i18n.get('instruction_search')"
+                                    type="search"
+                                    autocomplete="on"
+                                    :value="searchQuery"
+                                    @input="futureSearchQuery = $event.target.value"
+                                    @keyup.enter="updateSearch()">
+                                <span
+                                        @click="updateSearch()"
+                                        class="icon is-right">
+                                    <i class="mdi mdi-magnify" />
+                                </span>
+                        </div>
+                    </div>
+                    <a
+                            @click="openAdvancedSearch = !openAdvancedSearch"
+                            class="is-size-7 is-secondary is-pulled-right is-hidden-mobile">{{ $i18n.get('advanced_search') }}</a>
+                </div>
             </div>
 
             <!-- ADVANCED SEARCH -->
@@ -936,6 +958,15 @@
         display: block;
         transition: visibility ease 0.5s, display ease 0.5s;
 
+        @media screen and (max-width: 769px) {
+            width: 100%;
+            top: 92px;
+            
+            h3 {
+                margin-top: 0 !important;
+            }
+        }
+
         h3 {
             font-size: 100%;
             margin-top: 48px;
@@ -998,6 +1029,10 @@
 
     .spaced-to-right {
         margin-left: $filter-menu-width;
+
+        @media screen and (max-width: 769px) {
+            margin-left: 0px !important;
+        }
     }
 
     .search-control {