AC-948 applied ellipsis to home/groups and home/hosts pages. Added CSS on all list pages to drop index column when viewport is XS. Fixed padding on cancel icon for home/groups page. After kicking off an inventory sync on home/hosts page refresh() is now called.

awx/ui/static/js/helpers/JobSubmission.js

@@ -438,9 +438,10 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
                     scope.selected_group_id = group_id;
                     scope.refreshGroups();
                 }
-                else {
-                    scope.$emit('HostReloadComplete');
+                else if (scope.refresh) {
+                    scope.refresh();
                 }
+                scope.$emit('HostReloadComplete');
             }
             });
         

awx/ui/static/js/lists/HomeGroups.js

@@ -23,14 +23,14 @@ angular.module('HomeGroupListDefinition', [])
                 key: true,
                 label: 'Group',
                 ngClick: "editGroup(group.id, group.inventory)",
-                columnClass: 'col-lg-3 col-md3 col-sm-2'
+                columnClass: 'col-lg-5 ellipsis'
                 //linkTo: "\{\{ '/#/inventories/' + group.inventory + '/' \}\}"
                 },
             inventory_name: {
                 label: 'Inventory', 
                 sourceModel: 'inventory',
                 sourceField: 'name',
-                columnClass: 'col-lg-3 col-md3 col-sm-2',
+                //columnClass: 'col-lg-3 col-md3 col-sm-2 ellipsis',
                 linkTo: "\{\{ '/#/inventories/' + group.inventory + '/' \}\}"
                 },
             /*failed_hosts: {

awx/ui/static/less/ansible-ui.less

@@ -129,6 +129,8 @@ a:focus {
   }
 }
 
+#home_groups_table .actions .cancel { padding-right: 3px; }
+
 .success-badge { 
   color: #ffffff;
   background-color: #5cb85c;
@@ -734,6 +736,7 @@ input[type="checkbox"].checkbox-no-label {
 .table-hover tbody tr:hover > td,
 .table-hover tbody tr:hover > th {
   background-color: #fff;
+  border-top: 1px solid #ddd; 
 }
 
 .table-hover-inverse tbody tr:hover > td,

awx/ui/static/lib/ansible/list-generator.js

@@ -244,7 +244,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
         html += "<thead>\n";
         html += "<tr>\n";
         if (list.index) {
-            html += "<th>#</th>\n";
+            html += "<th class\"col-lg-1 col-md-1 col-sm-1\">#</th>\n";
         }
         for (var fld in list.fields) {
             if ( (list.fields[fld].searchOnly == undefined || list.fields[fld].searchOnly == false) &&