From ad570aa798fae952b9f996c8681270693fe4da38 Mon Sep 17 00:00:00 2001
From: Martin Ashby <martin@martin-laptop.lan>
Date: Fri, 18 May 2018 11:15:19 +0100
Subject: Styled everything a bit nicer

---
 src/PaintArea.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

(limited to 'src/PaintArea.js')

diff --git a/src/PaintArea.js b/src/PaintArea.js
index 3b64beb..ac7ce96 100644
--- a/src/PaintArea.js
+++ b/src/PaintArea.js
@@ -57,9 +57,9 @@ export default class PaintArea extends Component {
         cells.push(<td
           onMouseMove={() => this.handleMouseMove(ix, iy)}
           onClick={() => this.props.onTool(ix, iy)}
-          className="paintareacell"
           style={{
-            background: `rgb(${r},${g},${b})`
+            background: `rgb(${r},${g},${b})`,
+            ...styles.paintAreaCell
           }}
           key={(ix * 100000) + iy}/>)
       }
@@ -68,7 +68,6 @@ export default class PaintArea extends Component {
     
     return (
       <table 
-        className="paintarea"
         draggable={false}>
         <tbody>
           {rows}
@@ -76,4 +75,16 @@ export default class PaintArea extends Component {
       </table>
     )
   }
+}
+
+const styles = {
+  paintAreaCell: {
+    width: "20px",
+    height: "20px",
+    minWidth: "20px",
+    minHeight: "20px",
+    maxWidth: "20px",
+    maxHeight: "20px",
+    border: "1px solid grey",
+  }
 }
\ No newline at end of file
-- 
cgit v1.2.3-ZIG