Add (back) heartbeat to debug toolbar

js/term/debug.js

@@ -431,8 +431,22 @@ module.exports = function attachDebugger (screen, connection) {
 
       toolbar.appendChild(table)
     }
+
+    let heartbeat = toolbarNodes.heartbeat = document.createElement('div')
+    heartbeat.classList.add('heartbeat')
+    heartbeat.textContent = '❤'
+    toolbar.appendChild(heartbeat)
   }
 
+  connection.on('heartbeat', () => {
+    if (screenAttached && toolbarNodes.heartbeat) {
+      toolbarNodes.heartbeat.classList.remove('beat')
+      window.requestAnimationFrame(() => {
+        toolbarNodes.heartbeat.classList.add('beat')
+      })
+    }
+  })
+
   updateToolbar = function () {
     initToolbar()
 

sass/pages/_term.scss

@@ -190,12 +190,6 @@ body.term {
 			}
 		}
 
-		.toolbar-buttons {
-			button {
-				margin-right: 5px;
-			}
-		}
-
 		.heartbeat {
 			float: right;
 			font-family: $font-stack;