From fc02c039a4be80fdab5918a7324fdfa1021ce482 Mon Sep 17 00:00:00 2001
From: Marliana Lara <mlara@redhat.com>
Date: Tue, 1 Aug 2017 16:19:36 -0400
Subject: [PATCH] Fix Lookup Button styles in Firefox and Safari

---
 awx/ui/client/legacy-styles/ansible-ui.less   |  6 ++++-
 awx/ui/client/legacy-styles/forms.less        | 23 +++++++++++++------
 .../multi-credential.block.less               |  4 ++--
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/awx/ui/client/legacy-styles/ansible-ui.less b/awx/ui/client/legacy-styles/ansible-ui.less
index 36815540c4..c2d59dc1b6 100644
--- a/awx/ui/client/legacy-styles/ansible-ui.less
+++ b/awx/ui/client/legacy-styles/ansible-ui.less
@@ -2156,7 +2156,7 @@ tr td button i {
     border: 1px solid @d7grey;
     cursor: text;
     max-height: 135px;
-    overflow: scroll;
+    overflow-y: auto;
 }
 
 body.is-modalOpen {
@@ -2216,6 +2216,10 @@ a:hover {
     border-radius: 5px;
     line-height: 21px;
     font-size: 13px;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    word-break: break-all;
+    white-space: normal;
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less
index 2290610880..1160f45844 100644
--- a/awx/ui/client/legacy-styles/forms.less
+++ b/awx/ui/client/legacy-styles/forms.less
@@ -201,7 +201,8 @@
        background-color: @f2grey;
        border-color: @b7grey;
        border-radius: 5px;
-       height: 30px;
+       height: auto;
+       min-height: 30px;
        padding: 0 10px;
     }
 }
@@ -443,7 +444,7 @@
 }
 
 .Form-lookupButton {
-    height: 30px;
+    height: auto;
     width: 30px;
     color: @field-lookup-btn-icon!important;
     font-size: 16px;
@@ -521,7 +522,17 @@ input[type='radio']:checked:before {
 }
 
 .Form-mixedInputGroup {
+    display: flex;
     width: 100%;
+
+    .form-control {
+        padding: 0 12px !important;
+    }
+
+    .input-group-btn {
+        display: flex;
+        width: 30px;
+    }
 }
 
 .FormToggle {}
@@ -679,11 +690,9 @@ input[type='radio']:checked:before {
 }
 
 .Form-variableHeightButtonGroup {
-    height: 100%;
-}
-
-.Form-lookupButton--variableHeight {
-    height: 100%;
+    display: flex;
+    height: auto;
+    width: 30px;
 }
 
 @media only screen and (max-width: 650px) {
diff --git a/awx/ui/client/src/templates/job_templates/multi-credential/multi-credential.block.less b/awx/ui/client/src/templates/job_templates/multi-credential/multi-credential.block.less
index 8553d4ce30..86db1b3fff 100644
--- a/awx/ui/client/src/templates/job_templates/multi-credential/multi-credential.block.less
+++ b/awx/ui/client/src/templates/job_templates/multi-credential/multi-credential.block.less
@@ -39,7 +39,7 @@
 .MultiCredential-tag {
     border-radius: 5px;
     padding: 2px 10px;
-    margin: 4px 0px;
+    margin: 3px 0px;
     font-size: 12px;
     margin-right: 10px;
     max-width: 100%;
@@ -68,7 +68,7 @@
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     padding: 0 5px;
-    margin: 4px 0px;
+    margin: 3px 0px;
     align-items: center;
     display: flex;
     cursor: pointer;