Palette, tools, load & save working

1 files changed, 26 insertions, 7 deletions

diff --git a/src/App.css b/src/App.css
index 9de7f5a..c436008 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,19 +1,38 @@
-.paintarea {
+.toolkit {
+  float: right;
+  background: lightblue;
 }
 
+.toolkititem {
+  padding: 5px;
+}
+
+.toolkititem.selected {
+  background: lightcoral;
+}
+
+/* .paintarea {
+
+} */
+
 .paintareacell {
-  width: 40px;
-  height: 40px;
+  width: 20px;
+  height: 20px;
   border: 1px solid grey;
 }
 
 .paletteitem {
-  width: 40px;
-  height: 40px;
-  border: 1px solid grey;
+  width: 30px;
+  height: 30px;
+  border: 3px solid black;
   display: inline-block;
 }
 
 .paletteitem.selected {
-  border: 1px solid red;
+  border: 3px solid red;
+}
+
+.colorIndicator {
+  width: 100px;
+  height: 100px;
 }
\ No newline at end of file