avoid CSS vulnerability in Job Queue page

share/public/css/netdisco.css

@@ -103,8 +103,9 @@ div.content > div.tab-content table.nd_floatinghead thead {
 }
 
 .qtip-content {
-  padding-bottom: 0px;
-  line-height: 8px;
+  font-size: 15px;
+  font-family: monospace;
+  white-space: pre;
 }
 
 /* for where min-width is set but we don't want it */

share/views/ajax/admintask/jobqueue.tt

@@ -22,7 +22,7 @@
       [% ' class="nd_jobqueueitem success"' IF row.status == 'done' %]
       [% ' class="nd_jobqueueitem error"'   IF row.status == 'error' %]
       [% ' class="nd_jobqueueitem info"'    IF row.status.search('^queued-') %]
-      data-content="<pre>[% row.log | html_entity %]</pre>"
+      data-content="[% row.log | html_entity %]"
     >
       <td class="nd_center-cell">[% row.entered_stamp | html_entity %]</td>
       <td class="nd_center-cell">

share/views/js/admintask.js

@@ -184,7 +184,7 @@
       $(this).qtip({
         overwrite: false,
         content: {
-          attr: 'data-content'
+          text: $('<span/>').text( $(this).attr("data-content") ).html()
         },
         show: {
           event: event.type,