ux and ui modifications

src/css/main.css

@@ -784,26 +784,48 @@ table tbody tr:last-child td {
 
 /*////////////////////////////   SEARCH INPUT  ////////////////////////////*/
 
-.left-inner-addon1 {
-    position: relative;
+.searchBar {
+   display: table;
 }
-.left-inner-addon1 input{
-    padding-left: 40px;
-    margin-bottom: auto;
-    border: 0px solid;
-}
-.left-inner-addon1 i{
-    padding: 6px;
-    padding-left: 20px;
-}
-.left-inner-addon2 i{
-    padding: 2px;
-    padding-left: 5px;
-}
-.fi-magnifying-glass {
-    position: absolute;
+.searchBar .columns {
+   display: table-cell;
+   vertical-align: middle;
 }
 
+.searchBar .columns,
+.searchBar [class*="column"] + [class*="column"]:last-child {
+   float: none;
+}
+
+.searchBar form{
+  margin-left: 20px;
+}
+
+.searchBar input{
+  margin-bottom: auto;
+  border-bottom: 0px solid #E9EDF0;
+}
+.searchBar i{
+  position: absolute;
+  padding: 8px;
+}
+
+.searchBar .small-11{
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.searchBar .small-1{
+  padding-left: 2px;
+  padding-right: 8px;
+}
+
+.searchLabel {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  background-color: rgba(0, 0, 0, 0.02);
+  border-radius: 10px;
+}
 /*////////////////////////////  BUTTON OUTLINE  ////////////////////////////*/
 
 .button.outline,
@@ -1498,8 +1520,8 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
 
 #history .spinner > div,
 #receive .spinner > div,
-.copayers .spinner > div, 
-.preferences-fee .spinner > div 
+.copayers .spinner > div,
+.preferences-fee .spinner > div
 {
   background-color: #7A8C9E;
 }

src/js/controllers/index.js

@@ -30,7 +30,6 @@ angular.module('copayApp.controllers').controller('indexController', function($r
   self.updatingTxHistory = {};
   self.prevState = 'walletHome';
   self.isSearching = false;
-  self.showOptions = true;
 
   function strip(number) {
     return (parseFloat(number.toPrecision(12)));
@@ -940,24 +939,16 @@ angular.module('copayApp.controllers').controller('indexController', function($r
     }, 100);
   };
 
-  self.hideHistory = function() {
-    if (!self.historyShowShowAll) {
-      self.txHistory = self.txHistory.slice(0, 10);
-      self.historyShowShowAll = true;
-    }
-  };
-
   self.txHistoryToShow = function() {
      if (!self.isSearching) {
        self.result = [];
        return self.txHistory;
-    } else return self.result;
+     } else return self.result;
    }
 
   self.filter = function(search) {
-    self.showOptions = true;
     self.result = [];
-    
+
     function formatDate(date) {
       var day = ('0' + date.getDate()).slice(-2).toString();
       var month = ('0' + (date.getMonth() + 1)).slice(-2).toString();
@@ -976,7 +967,6 @@ angular.module('copayApp.controllers').controller('indexController', function($r
     });
     if (isCordova)
       window.plugins.toast.showShortBottom(gettextCatalog.getString('Matches: ' + self.result.length));
-    self.showOptions = (self.result.length == 0) ? true : false;
   };
 
   self.getTxsFromServer = function(client, skip, endingTxid, limit, cb) {
@@ -1236,10 +1226,7 @@ angular.module('copayApp.controllers').controller('indexController', function($r
   });
 
   $rootScope.$on('Local/Searching', function(event, val) {
-    if (val) self.showAllHistory();
-    else self.hideHistory();
     self.isSearching = val;
-    self.showOptions = true;
   });
 
   // UX event handlers

src/js/controllers/walletHome.js

@@ -51,10 +51,13 @@ angular.module('copayApp.controllers').controller('walletHomeController', functi
   var disableFocusListener = $rootScope.$on('Local/NewFocusedWallet', function() {
     self.addr = null;
     self.resetForm();
+    $rootScope.$emit('Local/Searching', false);
+
     if (profileService.focusedClient) {
       self.setAddress();
       self.setSendFormInputs();
     }
+
     $log.debug('Cleaning WalletHome Instance');
     lodash.each(self, function(v, k) {
       if (lodash.isFunction(v)) return;