From 6c3dd0c5e8f3e883a423057e385bd37dbc3be062 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Sun, 8 Oct 2017 15:20:10 +0200
Subject: [PATCH 1/3] made heart red

---
 sass/pages/_term.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index 4b7bfa7..7eaacd5 100644
--- a/sass/pages/_term.scss
+++ b/sass/pages/_term.scss
@@ -122,6 +122,7 @@ body.term {
 		.heartbeat {
 			float: right;
 			font-family: $font-stack;
+			color: crimson;
 
 			&.beat {
 				animation-name: heartbeat-beat;

From 9040b1a8a681ecea5d8d831439060eedcddcd132 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Sun, 8 Oct 2017 15:29:35 +0200
Subject: [PATCH 2/3] make heart larger and animation slower to match real
 timeout

---
 sass/pages/_term.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index 7eaacd5..5d87b57 100644
--- a/sass/pages/_term.scss
+++ b/sass/pages/_term.scss
@@ -123,10 +123,12 @@ body.term {
 			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 {

From 32c889b714dae859f51e6b46829fd85be59d9ed0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Sun, 8 Oct 2017 15:37:15 +0200
Subject: [PATCH 3/3] debug toolbar css tuning

---
 js/term/debug.js      | 4 ++--
 sass/pages/_term.scss | 8 +++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/js/term/debug.js b/js/term/debug.js
index fd7f5ae..7e661b6 100644
--- a/js/term/debug.js
+++ b/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
     })
diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index 5d87b57..3b2f54e 100644
--- a/sass/pages/_term.scss
+++ b/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;