debug toolbar css tuning

js/term/debug.js

@@ -58,7 +58,7 @@ module.exports = function attachDebugger (screen, connection) {
     },
     drawEnd () {
       endTime = Date.now()
-      console.log(drawInfo.textContent = `Draw: ${lastReason} (${(endTime - startTime)} ms) with graphics=${screen.window.graphics}`)
+      drawInfo.textContent = `Draw: ${lastReason} (${(endTime - startTime)} ms), fancy_gfx=${screen.window.graphics}`
       startDrawing()
     },
     setCell (cell, flags) {
@@ -253,7 +253,7 @@ module.exports = function attachDebugger (screen, connection) {
     buttons.appendChild(redraw)
 
     const fancyGraphics = mk('button')
-    fancyGraphics.textContent = 'Toggle Graphics'
+    fancyGraphics.textContent = 'Toggle Fancy Graphics'
     fancyGraphics.addEventListener('click', e => {
       screen.window.graphics = +!screen.window.graphics
     })

sass/pages/_term.scss

@@ -114,11 +114,17 @@ body.term {
 	.debug-toolbar {
 		line-height: 1.5;
 		text-align: left;
-		padding: 6px;
+		padding: 6px 12px 12px 12px;
 		font-family: $screen-stack;
 		font-size: 12px;
 		white-space: normal;
 
+		.toolbar-buttons {
+			button {
+				margin-right: 5px;
+			}
+		}
+
 		.heartbeat {
 			float: right;
 			font-family: $font-stack;