Fixed the drop-down on Jobs page to be more link-like. Fixed Cancel link spacing on jobs and projects by renaming to Stop (because it's shorter) and padded. Now Stop and Delete align vertically.

awx/ui/static/js/lists/Jobs.js

@@ -83,39 +83,34 @@ angular.module('JobsListDefinition', [])
             },
 
         fieldActions: {
-            rerun: {
+            submit: {
                 label: 'Launch',
                 icon: 'icon-rocket',
                 mode: 'all',             
                 ngClick: "submitJob(\{\{ job.id \}\}, '\{\{ job.summary_fields.job_template.name \}\}' )",
-                'class': 'btn-success btn-xs',
+                awToolTip: 'Start the job',
-                awToolTip: 'Relaunch the job template, running it again from scratch',
                 dataPlacement: 'top'
                 },
             cancel: {
-                label: 'Cancel',
+                label: 'Stop',
-                icon: 'icon-minus-sign',
                 mode: 'all',
                 ngClick: 'deleteJob(\{\{ job.id \}\})',
-                "class": 'btn-danger btn-xs delete-btn',
                 awToolTip: 'Cancel a running or pending job',
                 ngShow: "job.status == 'pending' || job.status == 'running' || job.status == 'waiting'",
                 dataPlacement: 'top'
                 },
             "delete": {
                 label: 'Delete',
-                icon: 'icon-trash',
                 mode: 'all',
                 ngClick: 'deleteJob(\{\{ job.id \}\})',
-                "class": 'btn-danger btn-xs delete-btn',
+                awToolTip: 'Delete the job',
-                awToolTip: 'Remove the selected job from the database',
                 ngShow: "job.status != 'pending' && job.status != 'running' && job.status != 'waiting'",
                 dataPlacement: 'top'
                 },
              dropdown: {
                 type: 'DropDown',
                 label: 'View',
-                icon: 'icon-zoom-in',
+                icon: 'fa-search-plus',
                 'class': 'btn-default btn-xs',
                 options: [
                     { ngClick: "editJob(\{\{ job.id \}\}, '\{\{ job.summary_fields.job_template.name \}\}')", label: 'Status' },

awx/ui/static/js/lists/Projects.js

@@ -93,25 +93,19 @@ angular.module('ProjectsListDefinition', [])
             edit: {
                 label: 'Edit',
                 ngClick: "editProject(\{\{ project.id \}\})",
-                icon: 'icon-edit',
-                "class": 'btn-xs btn-default',
                 awToolTip: 'Edit project properties',
                 dataPlacement: 'top'
                 },
             scm_update: {
                 label: 'Update',
-                icon: 'icon-cloud-download',
-                "class": 'btn-xs btn-success',
                 ngClick: 'SCMUpdate(\{\{ project.id \}\})',
                 awToolTip: "\{\{ project.scm_update_tooltip \}\}",
                 ngClass: "project.scm_type_class",
                 dataPlacement: 'top'
                 },
             cancel: {
-                label: 'Cancel',
+                label: 'Stop',
-                icon: 'icon-minus-sign',
                 ngClick: "cancelUpdate(\{\{ project.id \}\}, '\{\{ project.name \}\}')",
-                "class": 'btn-danger btn-xs delete-btn',
                 awToolTip: 'Cancel a running SCM update process',
                 ngShow: "project.status == 'updating'",
                 dataPlacement: 'top'
@@ -119,8 +113,6 @@ angular.module('ProjectsListDefinition', [])
             "delete": {
                 label: 'Delete',
                 ngClick: "deleteProject(\{\{ project.id \}\},'\{\{ project.name \}\}')",
-                icon: 'icon-trash',
-                "class": 'btn-danger btn-xs delete-btn',
                 awToolTip: 'Permanently remove project from the database',
                 ngShow: "project.status !== 'updating'",
                 dataPlacement: 'top'

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

@@ -108,14 +108,14 @@ a:focus {
     font-size: 14px;
     margin-right: 15px;
   }
-  /*a:first-child {
-    margin-left: 0;
-  }*/
   a:hover {
     cursor: pointer;
   }
-  .dropdown {
+  .cancel {
-    margin-left: 15px;
+    padding-right: 10px;
+  }
+  .dropdown .caret {
+    border-top-color: @blue;
   }
 }
 
@@ -1049,6 +1049,8 @@ input[type="checkbox"].checkbox-no-label {
      border-right: 1px solid #ddd;
   }
 
+  #groups_table .actions .cancel { padding-right: 0; }
+
   .node-toggle, .node-no-toggle {
     /* also used on job evetns */
     float: none;

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

@@ -268,8 +268,7 @@ angular.module('GeneratorHelpers', ['GeneratorHelpers'])
         html += " <span class=\"caret\"></span></button>\n";
         */
         html += "<div class=\"dropdown\">\n";
-        html += "<a href=\"\" class=\"toggle btn "; 
+        html += "<a href=\"\" class=\"toggle";
-        html += (field['class']) ? field['class'] : 'btn-default btn-xs';
         html += "\" ";
         html += (field.ngDisabled) ? "ng-disabled=\"" + field.ngDisabled + "\" " : "";
         html += "data-toggle=\"dropdown\" ";

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

@@ -347,7 +347,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
                  html += "<a ";
                  html += (fAction.href) ? "href=\"" + fAction.href + "\" " : "";
                  html += (fAction.ngHref) ? "ng-href=\"" + fAction.ngHref + "\" " : "";
-                 html += (action == 'cancel') ? " class=\"red-txt\" " : "";
+                 html += (action == 'cancel') ? " class=\"cancel red-txt\" " : "";
                  for (itm in fAction) {
                      if (itm != 'href' && itm != 'label' && itm != 'icon' && itm != 'class' && itm != 'iconClass') {
                          html += Attr(fAction, itm);