From 1bf1fa6e9ea338292f28562394010b41d9f8ced5 Mon Sep 17 00:00:00 2001
From: Jared Tabor <jtabor@ansible.com>
Date: Fri, 29 Jan 2016 15:08:05 -0800
Subject: [PATCH] Lookup field styling

This does not include the modal restyling, but simply the input style itself
---
 awx/ui/client/legacy-styles/forms.less        | 23 +++++++++++++++++++
 .../src/shared/branding/colors.default.less   |  3 +++
 awx/ui/client/src/shared/form-generator.js    |  4 ++--
 3 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less
index d4d1381a59..a9854adb97 100644
--- a/awx/ui/client/legacy-styles/forms.less
+++ b/awx/ui/client/legacy-styles/forms.less
@@ -207,6 +207,29 @@
     width: 100%;
 }
 
+.Form-lookupButton {
+    height: 30px;
+    width: 30px;
+    color: @field-lookup-btn-icon!important;
+    font-size: 16px;
+    background-color: @field-lookup-btn-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border:1px solid @field-border;
+}
+
+.Form-lookupButton:hover {
+    cursor: pointer;
+    background-color: @field-lookup-btn-hov-bg;
+    border: 1px solid @field-border;
+    color: @field-lookup-btn-icon;
+}
+
+.Form-lookupButton:focus {
+    border: 1px solid @field-border;
+}
+
 .CodeMirror{
     border-radius: 5px;
     font-family: 'Open Sans';
diff --git a/awx/ui/client/src/shared/branding/colors.default.less b/awx/ui/client/src/shared/branding/colors.default.less
index 7f4f08940c..eb68c22873 100644
--- a/awx/ui/client/src/shared/branding/colors.default.less
+++ b/awx/ui/client/src/shared/branding/colors.default.less
@@ -108,6 +108,9 @@
 @submit-button-bg-dis:  @default-icon-hov;
 @code-mirror-gutter:    @default-button-hov;
 @radio-bg:              @default-interface-txt;
+@field-lookup-btn-icon: @default-icon;
+@field-lookup-btn-bg:   @default-bg;
+@field-lookup-btn-hov-bg:@default-tertiary-bg;
 
 // footer
 @copyright-text:        @default-interface-txt;
diff --git a/awx/ui/client/src/shared/form-generator.js b/awx/ui/client/src/shared/form-generator.js
index c088140c23..44cef9dd0f 100644
--- a/awx/ui/client/src/shared/form-generator.js
+++ b/awx/ui/client/src/shared/form-generator.js
@@ -1318,12 +1318,12 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
 
                         html += "<div class=\"input-group\">\n";
                         html += "<span class=\"input-group-btn\">\n";
-                        html += "<button type=\"button\" class=\"lookup-btn btn btn-default\" " + this.attr(field, 'ngClick');
+                        html += "<button type=\"button\" class=\" Form-lookupButton btn btn-default\" " + this.attr(field, 'ngClick');
                         html += (field.readonly || field.showonly) ? " disabled " : "";
                         html += (field.ngDisabled) ? this.attr(field, "ngDisabled"): "";
                         html += "id=\"" + fld + "-lookup-btn\"><i class=\"fa fa-search\"></i></button>\n";
                         html += "</span>\n";
-                        html += "<input type=\"text\" class=\"form-control input-medium lookup\" ";
+                        html += "<input type=\"text\" class=\"form-control Form-textInput input-medium lookup\" ";
                         html += "ng-model=\"" + field.sourceModel + '_' + field.sourceField + "\" ";
                         html += "name=\"" + field.sourceModel + '_' + field.sourceField + "\" ";
                         html += "class=\"form-control\" ";