diff --git a/awx/ui/static/js/helpers/Hosts.js b/awx/ui/static/js/helpers/Hosts.js
index e54ab64688..c2787f744b 100644
--- a/awx/ui/static/js/helpers/Hosts.js
+++ b/awx/ui/static/js/helpers/Hosts.js
@@ -681,17 +681,19 @@ angular.module('HostsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', 'H
Rest.setUrl (GetBasePath('inventory') + inventory_id + '/');
Rest.get()
.success( function(data, status, headers, config) {
- html += "
Group Selector:
\n" +
+ html += "Group Selector:
\n" +
"\n" +
"- " +
- " " +
- "" + data.name + "";
+ //"> " +
+ ">" +
+ //" " +
+ " " +
+ "" + data.name + " Inventory";
scope.$emit('buildAllGroups', data.name, data.related.tree, data.related.groups);
scope.$emit('refreshHost', null, 'All Hosts');
})
diff --git a/awx/ui/static/js/helpers/inventory.js b/awx/ui/static/js/helpers/inventory.js
index 220a832f50..a2bc9f185e 100644
--- a/awx/ui/static/js/helpers/inventory.js
+++ b/awx/ui/static/js/helpers/inventory.js
@@ -33,7 +33,7 @@ angular.module('InventoryHelper', [ 'RestServices', 'Utilities', 'OrganizationLi
var treeData =
[{
data: {
- title: inventory_name + ' Inventory Groups'
+ title: inventory_name + ' Inventory'
},
attr: {
type: 'inventory',
@@ -161,6 +161,7 @@ angular.module('InventoryHelper', [ 'RestServices', 'Utilities', 'OrganizationLi
scope['treeLoading'] = false;
Wait('stop');
// Force root node styling changes
+ $('#tree-view').prepend("
Group Selector:
");
$('#inventory-node ins').first().remove();
$('#inventory-node a ins').first().css('background-image', 'none').append('').css('margin-right','10px');
scope.$emit('treeLoaded');
diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less
index 64761238d0..5d16d03a4e 100644
--- a/awx/ui/static/less/ansible-ui.less
+++ b/awx/ui/static/less/ansible-ui.less
@@ -977,12 +977,11 @@ select.field-mini-height {
}
.search-tree {
- padding: 10px 3px 10px 3px;
+ padding: 10px 3px 10px 10px;
.title {
color: #888;
font-weight: normal;
- margin-left: 5px;
margin-bottom: 5px;
margin-top: 0;
}
@@ -997,6 +996,8 @@ select.field-mini-height {
}
.activate {
+ padding-left: 3px;
+ padding-right: 3px;
word-break: break-all;
}
@@ -1006,12 +1007,13 @@ select.field-mini-height {
.active {
font-weight: bold;
- padding: 5px 0 5px 0;
+ padding-top: 5px;
+ padding-bottom: 5px;
}
.expand {
padding: 3px;
- border: 1px solid rgb(245, 245, 245);
+ /*border: 1px solid rgb(245, 245, 245);*/
}
.expand:hover {