From f6f5bdd39674caa425be49be9ec897ab398fa01f Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Tue, 27 Oct 2015 13:47:13 -0400
Subject: [PATCH] fixed styling issues for job detail explanation

---
 awx/ui/client/src/controllers/JobDetail.js | 2 +-
 awx/ui/client/src/partials/job_detail.html | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/awx/ui/client/src/controllers/JobDetail.js b/awx/ui/client/src/controllers/JobDetail.js
index b50b2015b1..6491b0aa43 100644
--- a/awx/ui/client/src/controllers/JobDetail.js
+++ b/awx/ui/client/src/controllers/JobDetail.js
@@ -50,7 +50,7 @@ export function JobDetailController ($location, $rootScope, $filter, $scope, $co
                 scope.explanation_fail_type = choices[taskObj.job_type];
                 scope.explanation_fail_name = taskObj.job_name;
                 scope.explanation_fail_id = taskObj.job_id;
-                scope.task_detail = scope.explanation_fail_type + " failed for " + scope.explanation_fail_name + " with id " + scope.explanation_fail_id + ".";
+                scope.task_detail = scope.explanation_fail_type + " failed for " + scope.explanation_fail_name + " with ID " + scope.explanation_fail_id + ".";
             });
         } else {
             scope.previousTaskFailed = false;
diff --git a/awx/ui/client/src/partials/job_detail.html b/awx/ui/client/src/partials/job_detail.html
index fb17ecd7b0..fd45b93891 100644
--- a/awx/ui/client/src/partials/job_detail.html
+++ b/awx/ui/client/src/partials/job_detail.html
@@ -33,16 +33,17 @@
                     <div class="form-horizontal" role="form" id="job-status-form">
 
                         <div class="form-group" ng-show="job_status.explanation">
-                            <label class="col-lg-2 col-md-12 col-sm-12 col-xs-12">Explanation</label>
-                            <div class="col-lg-10 col-md-12 col-sm-12 col-xs-12  job_status_explanation"
+                            <label class="col-lg-2 col-md-2 col-sm-2 col-xs-3 col-xs-12">Explanation</label>
+                            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9  job_status_explanation"
                             ng-show="!previousTaskFailed" ng-bind-html="job_status.explanation"></div>
-                            <div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 job_status_explanation"
+                            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 job_status_explanation"
                             ng-show="previousTaskFailed">Previous Task Failed
                                 <a
                                     href=""
+                                    id="explanation_help"
                                     aw-pop-over="{{ task_detail }}"
                                     aw-pop-over-watch="task_detail"
-                                    data-placement="right"
+                                    data-placement="bottom"
                                     data-container="body" class="help-link" over-title="Failure Detail"
                                     title=""
                                     tabindex="-1">