From 08925e14a33bdf69818a4e2b3e6756e5ec774dc9 Mon Sep 17 00:00:00 2001
From: Ken Hoes <khoes@ansible.com>
Date: Thu, 26 May 2016 09:38:52 -0400
Subject: [PATCH] PR feedback, updates, padding

---
 awx/ui/client/legacy-styles/job-details.less              | 7 ++++---
 awx/ui/client/src/job-detail/job-detail.partial.html      | 6 +++---
 .../client/src/management-jobs/card/mgmtcards.block.less  | 8 +++++++-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/awx/ui/client/legacy-styles/job-details.less b/awx/ui/client/legacy-styles/job-details.less
index d4a21a9421..6f19e70fe8 100644
--- a/awx/ui/client/legacy-styles/job-details.less
+++ b/awx/ui/client/legacy-styles/job-details.less
@@ -214,7 +214,7 @@
     }
 
     #job-detail-container {
-        
+
         .well {
             overflow: hidden;
         }
@@ -276,6 +276,8 @@
         overflow-x: hidden;
         overflow-y: auto;
         background-color: @white;
+        min-height: 40px;
+
         .row {
             border-top: 1px solid @grey;
         }
@@ -318,7 +320,7 @@
 
     #play-section {
         .table-detail {
-            height: 150px;
+            min-height: 40px;
         }
     }
 
@@ -421,7 +423,6 @@
             table-layout: fixed;
         }
         #hosts-table-detail {
-            height: 150px;
             background-color: @white;
         }
         #hosts-table-detail table {
diff --git a/awx/ui/client/src/job-detail/job-detail.partial.html b/awx/ui/client/src/job-detail/job-detail.partial.html
index 08789012bc..41c70dcc51 100644
--- a/awx/ui/client/src/job-detail/job-detail.partial.html
+++ b/awx/ui/client/src/job-detail/job-detail.partial.html
@@ -171,7 +171,7 @@
 
                 <div id="job-detail-details">
                     <div id="play-section">
-                        <div class="JobDetail-instructions"><span class="badge">1.</span> Please select from a play below to view its associated tasks.</div>
+                        <div class="JobDetail-instructions"><span class="badge">1</span> Please select from a play below to view its associated tasks.</div>
                         <div class="JobDetail-searchHeaderRow">
                             <div class="JobDetail-searchContainer form-group">
                                 <div class="search-name">
@@ -230,7 +230,7 @@
                     <!-- end of plays section of details-->
 
                     <div id="task-section" class="section JobDetail-tasks" >
-                        <div class="JobDetail-instructions"><span class="badge">2.</span> Please select a task below to view its associated hosts</div>
+                        <div class="JobDetail-instructions"><span class="badge">2</span> Please select a task below to view its associated hosts</div>
                         <div class="JobDetail-searchHeaderRow">
                             <div class="JobDetail-searchContainer form-group">
                                 <div class="search-name">
@@ -314,7 +314,7 @@
                     <!--end of tasks section of details-->
 
                     <div id="task-hosts-section" class="section">
-                        <div class="JobDetail-instructions"><span class="badge">3.</span> Please select a host below to view associated task details.</div>
+                        <div class="JobDetail-instructions"><span class="badge">3</span> Please select a host below to view associated task details.</div>
                         <div class="JobDetail-searchHeaderRow">
                             <div class="JobDetail-searchContainer form-group">
                                 <div class="search-name">
diff --git a/awx/ui/client/src/management-jobs/card/mgmtcards.block.less b/awx/ui/client/src/management-jobs/card/mgmtcards.block.less
index 8cce694884..e569669113 100644
--- a/awx/ui/client/src/management-jobs/card/mgmtcards.block.less
+++ b/awx/ui/client/src/management-jobs/card/mgmtcards.block.less
@@ -85,13 +85,19 @@
     margin-right: 10px;
 }
 
-@media (max-width: 615px) {
+@media (max-width: 840px) {
     .MgmtCards-card {
         width: 100%;
         margin-right: 0px;
     }
 }
 
+@media (min-width: 840px) and (max-width: 1240px) {
+    .MgmtCards-card {
+        width: ~"calc(50% - 10px)";
+    }
+ }
+
 #prompt-for-days-facts, #prompt-for-days {
     overflow-x: hidden;
     font-family: "Open Sans";