diff --git a/awx/ui/static/css/ansible-ui.css b/awx/ui/static/css/ansible-ui.css index 5044e64d1e..21f8e80160 100644 --- a/awx/ui/static/css/ansible-ui.css +++ b/awx/ui/static/css/ansible-ui.css @@ -24,8 +24,42 @@ border-color: #e3e3e3; } + +/* Attempt to make button heights consistent. For some reason success, info, etc. are + taller than plain .btn */ + .btn-success, .btn-danger, .btn-info, .btn-primary { + padding-top: 1px; + padding-bottom: 1px; + } + + .btn { + padding-left: 5px; + padding-right: 5px; + min-width: 28px; + } + + .modal-footer .btn-success, + .modal-footer .btn-danger, + .modal-footer .btn-info, + .modal-footer .btn-primary { + padding-top: 3px; + padding-bottom: 4px; + } + + .modal-footer .btn { + padding-left: 10px; + padding-right: 10px; + } + +/* End btn heights */ + + + .icon-plus { + font-size: 10px; + } + .container-fluid { - min-height: 700px ; + min-height: 700px; } .navbar-fixed-top .container { diff --git a/awx/ui/static/js/forms/Jobs.js b/awx/ui/static/js/forms/Jobs.js index f714afcc9d..f206fc8094 100644 --- a/awx/ui/static/js/forms/Jobs.js +++ b/awx/ui/static/js/forms/Jobs.js @@ -212,7 +212,7 @@ angular.module('JobFormDefinition', []) label: 'Hosts', icon: 'icon-th-large', ngClick: "jobSummary()", - "class": 'btn-info btn-small', + "class": 'btn btn-small', awToolTip: 'View host summary', mode: 'all' }, @@ -220,7 +220,7 @@ angular.module('JobFormDefinition', []) label: 'Events', icon: 'icon-list-ul', ngClick: "jobEvents()", - "class": 'btn-info btn-small', + "class": 'btn btn-small', awToolTip: 'Edit job events', mode: 'all' } diff --git a/awx/ui/static/js/lists/JobEvents.js b/awx/ui/static/js/lists/JobEvents.js index e7b53749e7..f6656496b0 100644 --- a/awx/ui/static/js/lists/JobEvents.js +++ b/awx/ui/static/js/lists/JobEvents.js @@ -62,10 +62,10 @@ angular.module('JobEventsListDefinition', []) mode: 'all' }, edit: { - label: 'Edit', + label: 'Details', ngClick: "jobDetails()", - icon: 'icon-edit', - "class": 'btn-small btn-success', + icon: 'icon-zoom-in', + "class": 'btn btn-small', awToolTip: 'Edit job details', mode: 'all' }, @@ -73,7 +73,7 @@ angular.module('JobEventsListDefinition', []) label: 'Hosts', icon: 'icon-th-large', ngClick: "jobSummary()", - "class": 'btn-info btn-small', + "class": 'btn btn-small', awToolTip: 'View host summary', mode: 'all' } diff --git a/awx/ui/static/js/lists/JobHosts.js b/awx/ui/static/js/lists/JobHosts.js index 4ce7ff5a01..6e6af4f472 100644 --- a/awx/ui/static/js/lists/JobHosts.js +++ b/awx/ui/static/js/lists/JobHosts.js @@ -57,10 +57,10 @@ angular.module('JobHostDefinition', []) mode: 'all' }, edit: { - label: 'Edit', + label: 'Details', icon: 'icon-edit', ngClick: "jobDetails()", - "class": 'btn-success btn-small', + "class": 'btn btn-small', awToolTip: 'Edit job details', mode: 'all' }, @@ -68,7 +68,7 @@ angular.module('JobHostDefinition', []) label: 'Events', icon: 'icon-list-ul', ngClick: "jobEvents()", - "class": 'btn-info btn-small', + "class": 'btn btn-small', awToolTip: 'View job events', mode: 'all' } diff --git a/awx/ui/static/js/lists/Jobs.js b/awx/ui/static/js/lists/Jobs.js index e013c08c7a..57612f2942 100644 --- a/awx/ui/static/js/lists/Jobs.js +++ b/awx/ui/static/js/lists/Jobs.js @@ -69,7 +69,7 @@ angular.module('JobsListDefinition', []) label: 'Hosts', icon: 'icon-th-large', ngClick: "viewSummary(\{{ job.id \}\}, '\{\{ job.name \}\}')", - "class": 'btn-info btn-small', + "class": 'btn btn-small', awToolTip: 'View host summary', ngDisabled: "job.status == 'new'" }, @@ -78,16 +78,16 @@ angular.module('JobsListDefinition', []) icon: 'icon-list-ul', mode: 'all', ngClick: "viewEvents(\{{ job.id \}\}, '\{\{ job.name \}\}')", - "class": 'btn-info btn-small', + "class": 'btn btn-small', awToolTip: 'View events', ngDisabled: "job.status == 'new'" }, edit: { - icon: 'icon-edit', - label: 'Edit', + label: 'Details', + icon: 'icon-zoom-in', ngClick: "editJob(\{\{ job.id \}\}, '\{\{ job.name \}\}')", - "class": 'btn-success btn-small', - awToolTip: 'Edit job details' + "class": 'btn btn-small', + awToolTip: 'View job details' }, rerun: { icon: 'icon-retweet', diff --git a/awx/ui/static/lib/ansible/form-generator.js b/awx/ui/static/lib/ansible/form-generator.js index b588e752b9..912f4432b6 100644 --- a/awx/ui/static/lib/ansible/form-generator.js +++ b/awx/ui/static/lib/ansible/form-generator.js @@ -576,7 +576,7 @@ angular.module('FormGenerator', ['GeneratorHelpers', 'ngCookies']) var act; for (action in this.form.statusActions) { act = this.form.statusActions[action]; - html += "