From ba24c4f9675853332be57459f397233aaba7e7af Mon Sep 17 00:00:00 2001
From: cpsdqs <cpsdqs@gmail.com>
Date: Wed, 27 Sep 2017 22:34:14 +0200
Subject: [PATCH] Remove hackity hack setting debug canvas styles

---
 js/term/debug_screen.js | 6 +-----
 sass/pages/_term.scss   | 7 +++++++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/js/term/debug_screen.js b/js/term/debug_screen.js
index d49d747..dc9dcee 100644
--- a/js/term/debug_screen.js
+++ b/js/term/debug_screen.js
@@ -4,11 +4,7 @@ module.exports = function attachDebugScreen (screen) {
   const debugCanvas = mk('canvas')
   const ctx = debugCanvas.getContext('2d')
 
-  debugCanvas.style.position = 'absolute'
-  // hackity hack should probably set this in CSS
-  debugCanvas.style.top = '6px'
-  debugCanvas.style.left = '6px'
-  debugCanvas.style.pointerEvents = 'none'
+  debugCanvas.classList.add('debug-canvas')
 
   let addCanvas = function () {
     if (!debugCanvas.parentNode) screen.canvas.parentNode.appendChild(debugCanvas)
diff --git a/sass/pages/_term.scss b/sass/pages/_term.scss
index 0bbc809..19df4d1 100644
--- a/sass/pages/_term.scss
+++ b/sass/pages/_term.scss
@@ -67,6 +67,13 @@ body.term {
 		}
 	}
 
+	.debug-canvas {
+		position: absolute;
+		top: 6px;
+		left: 6px;
+		pointer-events: none;
+	}
+
 	.debug-toolbar {
 		line-height: 1.5;
 	}