From 7509fdf751ed95214111d34d0ea24e78b2ac9710 Mon Sep 17 00:00:00 2001
From: Jared Tabor <jtabor@ansible.com>
Date: Thu, 11 Feb 2016 23:35:44 -0800
Subject: [PATCH] Password element styling

---
 awx/ui/client/legacy-styles/forms.less     | 28 ++++++++++++++++++++++
 awx/ui/client/src/shared/form-generator.js |  4 ++--
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less
index b7c01bbf7a..8c3de00020 100644
--- a/awx/ui/client/legacy-styles/forms.less
+++ b/awx/ui/client/legacy-styles/forms.less
@@ -251,6 +251,34 @@
     width: 100%;
 }
 
+.Form-passwordButton{
+    height: 30px;
+    color: @field-lookup-btn-icon!important;
+    text-transform: uppercase;
+    line-height: 1;
+    padding-left: 7px;
+    padding-right: 7px;
+    background-color: @field-lookup-btn-bg;
+    border:1px solid @field-border;
+}
+
+.Form-passwordButton:hover {
+    cursor: pointer;
+    background-color: @field-lookup-btn-hov-bg;
+    border: 1px solid @field-border;
+    color: @field-lookup-btn-icon;
+}
+
+.Form-passwordButton:focus{
+    border: 1px solid @field-border;
+    background-color: @field-lookup-btn-hov-bg;
+}
+
+.Form-passwordButton:active {
+    border: 1px solid @field-border;
+    background-color: @field-lookup-btn-hov-bg;
+}
+
 .Form-lookupButton {
     height: 30px;
     width: 30px;
diff --git a/awx/ui/client/src/shared/form-generator.js b/awx/ui/client/src/shared/form-generator.js
index 3117277a42..ed9aa488ae 100644
--- a/awx/ui/client/src/shared/form-generator.js
+++ b/awx/ui/client/src/shared/form-generator.js
@@ -877,7 +877,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
                             html += "'>\n";
                             // TODO: make it so that the button won't show up if the mode is edit, hasShowInputButton !== true, and there are no contents in the field.
                             html += "<span class='input-group-btn'>\n";
-                            html += "<button class='btn btn-default show_input_button' ";
+                            html += "<button class='btn btn-default show_input_button Form-passwordButton' ";
                             html += buildId(field, fld + "_show_input_button", this.form);
                             html += "aw-tool-tip='Toggle the display of plaintext.' aw-tip-placement='top' ";
                             html += "ng-click='" + fld + "_field.toggleInput(\"#" + this.form.name + "_" + fld + "\")'";
@@ -914,7 +914,7 @@ angular.module('FormGenerator', [GeneratorHelpers.name, 'Utilities', listGenerat
                             html += buildId(field, fld, this.form);
 
                             html += (field.controlNGClass) ? "ng-class='" + field.controlNGClass + "' " : "";
-                            html += "class='form-control";
+                            html += "class='form-control Form-textInput";
                             html += (field['class']) ? " " + this.attr(field, 'class') : "";
                             html += "' ";
                             html += (field.chkPass) ? "chk-pass " : "";