From e1b654e16c53c5869b83d1ab1fc744344f818ea9 Mon Sep 17 00:00:00 2001
From: Ian Gulliver <ian@flamingcow.tv>
Date: Mon, 1 Jul 2019 20:57:22 +0000
Subject: [PATCH] Fix resize, centering

---
 architype.css | 1 +
 architype.js  | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/architype.css b/architype.css
index 6d67954..a763b13 100644
--- a/architype.css
+++ b/architype.css
@@ -129,6 +129,7 @@ body {
   display: flex;
   align-items: center;
   justify-content: center;
+  text-align: center;
 
   border-radius: 10px;
   padding: 3px;
diff --git a/architype.js b/architype.js
index 9f96f0f..0a3c36f 100644
--- a/architype.js
+++ b/architype.js
@@ -18,7 +18,7 @@ class Architype {
     this.container_.classList.add('dark');
 
     this.container_.addEventListener('keydown', (e) => { this.onKeyDown(e); });
-    this.container_.addEventListener('resize', (e) => { this.onResize(e); });
+    addEventListener('resize', (e) => { this.onResize(e); });
 
     let editorElem = document.createElement('ul');
     this.container_.appendChild(editorElem);
@@ -524,6 +524,7 @@ class Architype {
     for (let node of nodes) {
       let elem = node.gridElem;
       let size = 16;
+      elem.style.fontSize = null;
       for (let size = 16;
            size && (elem.scrollWidth > elem.clientWidth ||
                     elem.scrollHeight > elem.clientHeight);