Fix zoom issues as Chrome updates

Author: 64json

src/frontend/core/renderers/Array2DRenderer/index.jsx

@@ -19,7 +19,7 @@ class Array2DRenderer extends Renderer {
 
     return (
       <table className={styles.array_2d}
-             style={{ marginLeft: -this.centerX * 2, marginTop: -this.centerY * 2, fontSize: this.zoom }}>
+             style={{ marginLeft: -this.centerX * 2, marginTop: -this.centerY * 2, transform: `scale(${this.zoom})` }}>
         <tbody>
         <tr className={styles.row}>
           {

src/frontend/core/renderers/Array2DRenderer/stylesheet.scss

@@ -7,18 +7,18 @@
 
   .row {
     display: table-row;
-    height: 28em;
+    height: 28px;
 
     .col {
       display: table-cell;
       text-align: center;
-      min-width: 28em;
+      min-width: 28px;
       background-color: $theme-normal;
-      border: 1em solid $theme-light;
-      padding: 0 4em;
+      border: 1px solid $theme-light;
+      padding: 0 4px;
 
       .value {
-        font-size: 12em;
+        font-size: 12px;
       }
 
       &.selected {