Merge branch 'work' into screen-layout

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.layout.renderer.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.layout.renderer.graphics = +!screen.layout.renderer.graphics
       screen.layout.renderer.draw('set-graphics')

sass/pages/_term.scss

@@ -114,18 +114,27 @@ 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;
+			color: crimson;
+			font-size: 120%;
+			padding-right: 5px;
 
 			&.beat {
 				animation-name: heartbeat-beat;
-				animation-duration: 2s;
+				animation-duration: 3s;
 				animation-fill-mode: forwards;
 
 				@keyframes heartbeat-beat {