Dashboard job widget styles

Fixed search widget responsiveness. Applied same ellipsis styling used on Jobs page.

awx/ui/static/js/helpers/Schedules.js

@@ -578,7 +578,7 @@ angular.module('SchedulesHelper', [ 'Utilities', 'RestServices', 'SchedulesHelpe
                     id: id,
                     breadCrumbs: false,
                     scope: scope,
-                    searchSize: 'col-lg-4 col-md-6 col-sm-12 col-xs-12',
+                    searchSize: 'col-lg-6 col-md-6 col-sm-6 col-xs-12',
                     showSearch: true
                 });
             }

awx/ui/static/js/widgets/DashboardJobs.js

@@ -33,7 +33,7 @@ angular.module('DashboardJobsWidget', ['RestServices', 'Utilities'])
         html += "<div class=\"tab-content\">\n";
         html += "<div class=\"tab-pane active\" id=\"active-jobs-tab\">\n";
         html += "<div class=\"row search-row\">\n";
-        html += "<div class=\"col-md-4\" id=\"active-jobs-search-container\"></div>\n";
+        html += "<div class=\"col-lg-6 col-md-6 col-sm-6\" id=\"active-jobs-search-container\"></div>\n";
         html += "</div>\n"; //row
         html += "<div class=\"job-list\" id=\"active-jobs-container\">\n";
         html += "<div id=\"active-jobs\" class=\"job-list-target\"></div>\n";

awx/ui/static/less/jobs.less

@@ -51,7 +51,7 @@
     #schedules_table .name-column,
     #running_jobs_table .name-column,
     #queued_jobs_table .name-column,
-     {
+    {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;

awx/ui/static/less/new-dashboard.less

@@ -51,6 +51,19 @@
     background-image: none
 }
 
+.dashboard-jobs-list-container {
+    #jobs_table,
+    #schedules_table {
+        table-layout:fixed;
+    }
+    #jobs_table .name-column,
+    #schedules_table .name-column {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
+
  @media (min-width: 1024px) {
         .left-side {
             padding-right: 7px;