improve terminal layout

vispa/extensions/terminal/static/css/styles.css

-.vispa-centerview-content.terminal{float:left;border:#000 solid 2px;font-family:"DejaVu Sans Mono","Liberation Mono",monospace;font-size:12px;color:#f0f0f0;background:#000;margin:0}
+.vispa-centerview-content.terminal{float:left;border:#000 solid 2px;font-family:"DejaVu Sans Mono","Liberation Mono",monospace;font-size:12px;color:#f0f0f0;background:#000;margin:0;white-space:nowrap;}
 .vispa-centerview-content.terminal div{margin:0;padding:0;line-height:normal}
 .vispa-centerview-content.terminal .terminal-cursor{color:#000;background:#f0f0f0}
\ No newline at end of file

vispa/extensions/terminal/static/js/extension.js

@@ -78,15 +78,15 @@ define([
       var ah = p.innerHeight() - bh;
 
       // calculate pixel witdh
-      var t = $('<div id="testwidth"><span>&nbsp;</span></div>');
+      var t = $('<div id="testwidth"><span>W</span></div>');
       e.append(t);
-      var w = t.find('span').innerWidth();
-      var h = t.find('span').innerHeight();
+      var w = t.find('span').outerWidth();
+      var h = t.find('span').outerHeight();
       t.remove();
 
       // new size
-      nw = Math.floor(aw / w);
-      nh = Math.floor(ah / h);
+      nw = Math.floor(aw / w) - 2;
+      nh = Math.floor(ah / h) - 2;
 
       this.term.resize(nw, nh);
       this.POST('resize', {