Fixed a few report styling issues

frontend-js/src/main/css/global.css

@@ -679,11 +679,16 @@ error report dialog style
     float: right;
 }
 
+.report-tooltip {
+    opacity: 1;
+}
+
 .report-dialog #report-comment {
     width: 100%;
     padding: 0;
     resize: none;
     height: 60px;
+    color: black;
 }
 
 #report-comment {

frontend-js/src/main/js/GuiConnector.js

@@ -359,11 +359,23 @@ GuiConnector.prototype.alert = function (error, redirectIfSecurityError) {
         $(self._errorDialogData)
           .controlgroup({direction: 'vertical'});
         $(self._errorDialog)
-          .tooltip();
+          .tooltip({
+            classes: {
+              "ui-tooltip": "report-tooltip ui-corner-all ui-widget-shadow"
+            },
+            track: true,
+            position: {
+              my: 'right',
+              at: 'left'
+            }
+          });
       });
       document.body.appendChild(self._errorDialog);
       $(self._errorDialog).dialog({
-        classes: {'ui-dialog': 'report-dialog'},
+        classes: {
+          'ui-dialog': 'report-dialog ui-corner-all',
+          'ui-dialog-titlebar': 'ui-corner-all'
+        },
         title: 'An error occurred!',
         resizable: true,
         height: 'auto',