From ac2357399a479871e702ec055e1c279377faba2e Mon Sep 17 00:00:00 2001
From: Michael Abashian <mabashian@ansible.com>
Date: Fri, 14 Jul 2017 13:01:00 -0400
Subject: [PATCH] Search ux styling fixes

---
 awx/ui/client/legacy-styles/lists.less             |  1 +
 .../shared/smart-search/smart-search.block.less    | 14 ++++++++------
 .../shared/smart-search/smart-search.partial.html  |  4 ++--
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/awx/ui/client/legacy-styles/lists.less b/awx/ui/client/legacy-styles/lists.less
index 5f154e2a80..bbaf12fe7b 100644
--- a/awx/ui/client/legacy-styles/lists.less
+++ b/awx/ui/client/legacy-styles/lists.less
@@ -334,6 +334,7 @@ table, tbody {
 
 .List-searchNoResults {
     color: @default-interface-txt;
+    margin-top: 20px;
 }
 
 .List-noItems {
diff --git a/awx/ui/client/src/shared/smart-search/smart-search.block.less b/awx/ui/client/src/shared/smart-search/smart-search.block.less
index 23070e8759..c68c64138a 100644
--- a/awx/ui/client/src/shared/smart-search/smart-search.block.less
+++ b/awx/ui/client/src/shared/smart-search/smart-search.block.less
@@ -85,13 +85,13 @@
 .SmartSearch-tagContainer {
     display: flex;
     max-width: 100%;
-    margin-bottom: 10px;
+    margin-top: 10px;
 }
 
 .SmartSearch-tag {
     border-radius: 5px;
     padding: 2px 10px;
-    margin: 4px 0px;
+    margin: 0px;
     font-size: 12px;
     color: @default-interface-txt;
     background-color: @default-bg;
@@ -100,6 +100,7 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
+    height: 20px;
 }
 
 .SmartSearch-tag--deletable {
@@ -120,10 +121,11 @@
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     padding: 0 5px;
-    margin: 4px 0px;
+    margin: 0px;
     align-items: center;
     display: flex;
     cursor: pointer;
+    height: 20px;
 }
 
 .SmartSearch-tagDelete {
@@ -149,8 +151,8 @@
     color: @default-bg;
 }
 .SmartSearch-clearAll{
-    font-size: 12px;
-    padding-top: 5px;
+    font-size: 10px;
+    padding-top: 14px;
 }
 .SmartSearch-keyToggle {
     margin-right: auto;
@@ -182,7 +184,7 @@
 .SmartSearch-keyPane {
     max-height: 215px;
     overflow: auto;
-    margin: 10px 0 0 0;
+    margin: 20px 0 0 0;
     font-size: 12px;
     width: 100%;
     padding: 15px;
diff --git a/awx/ui/client/src/shared/smart-search/smart-search.partial.html b/awx/ui/client/src/shared/smart-search/smart-search.partial.html
index f8a26de003..db04599980 100644
--- a/awx/ui/client/src/shared/smart-search/smart-search.partial.html
+++ b/awx/ui/client/src/shared/smart-search/smart-search.partial.html
@@ -16,7 +16,7 @@
         </div>
     </div>
     <!-- tags -->
-    <div class="SmartSearch-tags">
+    <div class="SmartSearch-tags" ng-show="!(searchTags | isEmpty)">
         <div class="SmartSearch-tagSection">
             <div class="SmartSearch-flexContainer">
                 <div class="SmartSearch-tagContainer" ng-repeat="tag in searchTags track by $index">
@@ -27,7 +27,7 @@
                         <span class="SmartSearch-name">{{tag}}</span>
                     </div>
                 </div>
-                <a href class="SmartSearch-clearAll" ng-click="clearAllTerms()" ng-show="!(searchTags | isEmpty)" translate>CLEAR ALL</a>
+                <a href class="SmartSearch-clearAll" ng-click="clearAllTerms()" translate>CLEAR ALL</a>
             </div>
         </div>
     </div>