From c5c65adc097e1c51d06884af4292bedf9b91fe7f Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Wed, 1 Jun 2016 14:11:19 -0400
Subject: [PATCH] fix layout of search dropdowns

---
 awx/ui/client/legacy-styles/ansible-ui.less   |  4 ++
 awx/ui/client/src/search/tagSearch.block.less | 12 +++---
 .../client/src/search/tagSearch.partial.html  | 38 +++++++++----------
 3 files changed, 29 insertions(+), 25 deletions(-)

diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less
index 0805b921a3..18b44f3788 100644
--- a/awx/ui/client/legacy-styles/ansible-ui.less
+++ b/awx/ui/client/legacy-styles/ansible-ui.less
@@ -2242,3 +2242,7 @@ a:hover {
 #scheduled-jobs-tab .List-header {
     display: none;
 }
+
+.ui-widget {
+    font-family: 'Open Sans';
+}
diff --git a/awx/ui/client/src/search/tagSearch.block.less b/awx/ui/client/src/search/tagSearch.block.less
index 484c11f147..f242d1b2d1 100644
--- a/awx/ui/client/src/search/tagSearch.block.less
+++ b/awx/ui/client/src/search/tagSearch.block.less
@@ -29,9 +29,9 @@
     display: flex;
     white-space: nowrap;
     align-items: center;
-    max-height: 400px;
     cursor: pointer;
     text-transform: uppercase;
+    position: relative;
 }
 
 .TagSearch-typeDropdown.is-open {
@@ -49,7 +49,7 @@
 
 .TagSearch-dropdownContainer {
     position: absolute;
-    left: 15px;
+    left: -1px;
     top: 34px;
     font-size: 14px;
     border-radius: 5px;
@@ -65,13 +65,12 @@
 }
 
 .TagSearch-dropdownContainer--searchTypes {
-    min-width: 96px;
+    min-width: ~"calc(100% + 1px)";
 }
 
 .TagSearch-dropdownContainer--typeOptions {
-    right: 15px;
-    left: initial;
-    width: ~"calc(100% - 123px)";
+    right: -1px;
+    left: -1px;
 }
 
 .TagSearch-dropdownItem {
@@ -97,6 +96,7 @@
     border-bottom-right-radius: 5px;
     display: flex;
     background-color: @default-bg;
+    position: relative;
 }
 
 .TagSearch-searchTermContainer.is-open {
diff --git a/awx/ui/client/src/search/tagSearch.partial.html b/awx/ui/client/src/search/tagSearch.partial.html
index bc04f137b8..0b4b7aa0bf 100644
--- a/awx/ui/client/src/search/tagSearch.partial.html
+++ b/awx/ui/client/src/search/tagSearch.partial.html
@@ -10,15 +10,15 @@
                 </span>
                 <i class="TagSearch-selectDownIcon fa fa-angle-down"
                     ng-hide="searchTypes.length === 1"></i>
-            </div>
-            <div aw-click-off="showTypeDropdown" class="TagSearch-dropdownContainer
-                TagSearch-dropdownContainer--searchTypes"
-                ng-show="showTypeDropdown">
-                <div class="TagSearch-dropdownItem"
-                    ng-repeat="type in searchTypes track by $index"
-                    ng-class="{'is-selected': (currentSearchType.id === type.id)}"
-                    ng-click="setSearchType(type)">
-                    {{ type.label }}
+                <div aw-click-off="showTypeDropdown" class="TagSearch-dropdownContainer
+                    TagSearch-dropdownContainer--searchTypes"
+                    ng-show="showTypeDropdown">
+                    <div class="TagSearch-dropdownItem"
+                        ng-repeat="type in searchTypes track by $index"
+                        ng-class="{'is-selected': (currentSearchType.id === type.id)}"
+                        ng-click="setSearchType(type)">
+                        {{ type.label }}
+                    </div>
                 </div>
             </div>
             <div class="TagSearch-searchTermContainer"
@@ -43,16 +43,16 @@
                     <i class="TagSearch-selectDownIcon
                         fa fa-angle-down">
                     </i>
-                </div>
-                <div aw-click-off="showCurrentSearchDropdown"
-                    class="TagSearch-dropdownContainer
-                    TagSearch-dropdownContainer--typeOptions"
-                    ng-show="showCurrentSearchDropdown &&
-                        currentSearchType.type === 'select'">
-                    <div class="TagSearch-dropdownItem"
-                        ng-repeat="type in currentSearchType.typeOptions track by $index"
-                        ng-click="addTag(type)">
-                        {{ type.label }}
+                    <div aw-click-off="showCurrentSearchDropdown"
+                        class="TagSearch-dropdownContainer
+                        TagSearch-dropdownContainer--typeOptions"
+                        ng-show="showCurrentSearchDropdown &&
+                            currentSearchType.type === 'select'">
+                        <div class="TagSearch-dropdownItem"
+                            ng-repeat="type in currentSearchType.typeOptions track by $index"
+                            ng-click="addTag(type)">
+                            {{ type.label }}
+                        </div>
                     </div>
                 </div>
             </div>