Misc Fixes

Style fixes for accordions, menu title (when menu collapses), refresh button on jobs page, sizing of refresh button icon on job detail page.

awx/ui/static/js/app.js

@@ -455,9 +455,6 @@ angular.module('Tower', [
                 if (urlDepth === 1 && base !== 'home') {
                     $('#ansible-list-title').html('<strong>' + base.replace(/\_/,' ') + '</strong>');
                 }
-                else {
-                    $('#ansible-list-title').empty();
-                }
 
                 $('#ansible-main-menu li').each(function() {
                     $(this).removeClass('active');

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

@@ -515,6 +515,12 @@ dd {
     margin-bottom: 10px;
 }
 
+.aw-form-well {
+    border: 1px solid @grey;
+    padding: 9px;
+    border-radius: 4px;
+}
+
 .form-group {
    margin-bottom: 25px;
 }

awx/ui/static/less/job-details.less

@@ -83,15 +83,15 @@
     .job_summary {
         .table {
             margin-bottom: 0;
-            border: 1px solid @well-border;
+            border: 1px solid @grey;
             background-color: @white;
         }
         .table>tbody>tr>td {
-            border-top-color: @well-border;
+            border-top-color: @grey;
             padding-bottom: 0;
         }
         .table>thead>tr>th {
-            border-bottom-color: @well-border;
+            border-bottom-color: @grey;
             padding-bottom: 0;
             height: 22px;
         }
@@ -167,7 +167,7 @@
     .job_well {
         padding: 8px;
         background-color: @white;
-        border: 1px solid @well-border;
+        border: 1px solid @grey;
         border-radius: 4px;
         /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
                 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);*/
@@ -281,7 +281,7 @@
         overflow-y: auto;
         background-color: @white;
         .row {
-            border-top: 1px solid @well-border;
+            border-top: 1px solid @grey;
         }
         .row:first-child {
             border: none;
@@ -525,7 +525,7 @@
 
     #pre-formatted-variables {
         border-radius: 4px;
-        border: 1px solid @well-border;
+        border: 1px solid @grey;
         overflow: auto;
         white-space: pre;
         word-break: break-all;

awx/ui/static/less/jquery-ui-overrides.less

@@ -124,15 +124,20 @@ table.ui-datepicker-calendar {
     }
 }
 
-.ui-state-active,
+
 .ui-state-default {
     background-image: none;
     background-color: @white;
-    border: 1px solid @well-border;
+    border: 1px solid @grey;
+}
+
+.ui-state-active {
+    background-image: none;
+    background-color: #f5f5f5;
 }
 
 .ui-widget-content {
-    border: 1px solid @well-border;
+    border: 1px solid @grey;
 }
 
 .ui-spinner a.ui-spinner-button {

awx/ui/static/partials/job_detail.html

@@ -16,7 +16,8 @@
                     <div class="row">
                         <div class="col-md-12 text-right">
                             <a href="/#/jobs/{{ job_id }}/stdout" id="view-stdout-button" target="_blank" type="button" class="btn btn-primary btn-xs" aw-tool-tip="View standard out. Opens in new tab or window." data-placement="top"><i class="fa fa-external-link"></i></a>
-                            <button type="button" class="btn btn-xs btn-primary ng-hide" ng-click="refresh()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" ng-show="socketStatus == 'error'" data-original-title="" title=""><i class="fa fa-refresh fa-lg"></i> </button>
+                            <button type="button" class="btn btn-xs btn-primary ng-hide" ng-click="refresh()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" ng-show="socketStatus == 'error'"
+                                data-original-title="" title=""><i class="fa fa-refresh"></i></button>
                             <a href="" ng-click="deleteJob()" id="cancel-job-button" ng-show="job_status.status == 'running'" type="button" class="btn btn-primary btn-xs" aw-tool-tip="Cancel" data-placement="top"><i class="fa fa-minus-circle"></i></a>
                             <a href="" ng-click="deleteJob()" id="delete-job-button" ng-show="job_status.status != 'running'" type="button" class="btn btn-primary btn-xs" aw-tool-tip="Delete" data-placement="top"><i class="fa fa-trash-o"></i></a>
                             <a href="" ng-click="relaunchJob()" id="relaunch-job-button" type="button" class="btn btn-primary btn-xs" aw-tool-tip="Relaunch using the same parameters" data-placement="top"><i class="fa fa-rocket"></i></a>

awx/ui/static/partials/jobs.html

@@ -4,12 +4,14 @@
             <div class="col-md-12" id="breadcrumbs"></div>
         </div>
 
-        <div id="refresh-row" class="row">
+        <div id="refresh-row" class="row" ng-show="socketStatus == 'error'">
             <div class="col-lg-12">
-            <div id="home-list-actions" class="list-actions pull-right">
+                <div id="home-list-actions" class="list-actions pull-right">
-                <button type="button" class="btn btn-xs btn-primary ng-hide" ng-click="refreshJobs()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top" ng-show="socketStatus == 'error'" data-original-title="" title=""><i class="fa fa-refresh fa-lg"></i> </button></div>
+                    <button type="button" class="btn btn-xs btn-primary" ng-click="refreshJobs()" id="refresh_btn" aw-tool-tip="Refresh the page" data-placement="top"
-         </div>
+                        data-original-title="" title=""><i class="fa fa-refresh fa-lg"></i></button>
-      </div>
+                </div>
+            </div>
+        </div>
 
         <div class="row">
             <div class="col-lg-6 left-side">