Web UI tidying.

- Fix various issues with overflowing text
- Tidy up logging a bit
- Other minor tidying

Change-Id: I5e1392a2db7c76057c5f80b0be9e2f9c6b0ed3de
Fixes-issue: CLIENT-382
Fixes-issue: CLIENT-381
Fixes-issue: CLIENT-377
Reviewed-on: http://gerrit.dmdirc.com/2490
Automatic-Compile: DMDirc Build Manager
Reviewed-by: Greg Holmes <greg@dmdirc.com>

src/com/dmdirc/addons/ui_web/res/javascript/dmdirc.js

@@ -17,6 +17,10 @@ function dmdirc_start() {
     setTimeout(doUpdate, 100);
 }
 
+function log() {
+    console && console.log && console.log.apply(console, arguments);
+}
+
 (function() {
     Treeview = function(element) {
         this.element = element;
@@ -125,10 +129,7 @@ function dmdirc_start() {
         },
 
         add: function(nick) {
-            var entry = document.createElement('li');
-            entry.innerHTML = nick;
-
-            this.element.append(entry);
+            this.element.append($('<li>').text(nick));
         },
 
         hide: function() {
@@ -458,7 +459,7 @@ function updateHandlerFunc(transport) {
         handlerFunc(transport);
         doUpdate();
     } catch (ex) {
-        console && console.log('Exception: ' + ex.stack);
+        log('Exception when handling update results', ex);
     }
 }
 
@@ -506,5 +507,6 @@ function updateErrFunc(transport) {
 function errFunc(transport) {
     statusbar_settext('Error while perfoming remote call...');
 
-    console && console.log(transport.status + "\n" + transport.statusText + "\n" + transport.responseText);
+    log('Error when performing remote call, status: ', transport.status,
+        ' text: ', transport.statusText, ' response: ', transport.responseText);
 }

src/com/dmdirc/addons/ui_web/res/style.css

@@ -71,6 +71,7 @@ body {
     border: 1px solid black;
     padding-left: 30px;
     margin: 0px;
+    overflow-y: auto;
 }
 
 #treeview ul {
@@ -103,7 +104,8 @@ body {
     bottom: 40px;
     padding: 4px;
     border: 1px solid black;
-    overflow: auto;
+    overflow-y: auto;
+    word-wrap: break-word;
 }
 
 #content p, #wus_requests p {
@@ -129,6 +131,7 @@ body {
     margin: 0px;
     padding: 0px;
     display: none;
+    overflow-y: auto;
 }
 
 #nicklist li {