Matrix tweaks

Author: thegecko

src/components/led/microbit-matrix.tsx

@@ -58,21 +58,17 @@ export class MicrobitMatrix {
             return;
         }
 
+        this.matrix = await this.services.ledService.getMatrixState();
         await this.updateMatrix();
     }
 
-    render() {
-        return <div></div>;
-    }
-
     private async toggle(row: number, column: number) {
         this.matrix[row][column] = !this.matrix[row][column];
         await this.services.ledService.setMatrixState(this.matrix);
         await this.updateMatrix();
     }
 
     private async updateMatrix() {
-        this.matrix = await this.services.ledService.getMatrixState();
         this.matrix.forEach((rows: Boolean[], row) => {
             rows.forEach((value: boolean, column) => {
                 const led = this.elements[row][column];

src/index.html

@@ -27,10 +27,7 @@
         .microbit-matrix {
             display: flex;
             flex-wrap: wrap;
-            justify-content: space-between;
-            align-content: space-between;
-            width: 170px;
-            height: 170px;
+            width: 155px;
             background-color: black;
         }
         .microbit-matrix-led {