153x153 grid

2 files changed, 10 insertions, 10 deletions

diff --git a/client/colors.less b/client/colors.less
index 53ca797..af2b7f9 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -193,20 +193,20 @@ body {
         justify-content: left;
         -webkit-flex-wrap: wrap;
         flex-wrap: wrap;
-        max-width: 700px;
+        max-width: 920px;
         margin: 0 auto;
         padding-left: 40px;
         div.photo {
           margin: 3px 8px;
-          width: 72px;
-          height: 92px;
+          width: 153px;
+          height: 173px;
           img {
-            height: 72px;
-            width: 72px;
+            height: 153px;
+            width: 153px;
           }
           canvas {
-            width: 72px;
-            height: 72px;
+            width: 153px;
+            height: 153px;
           }
           div.title {
             color: #999;
diff --git a/client/effects.js b/client/effects.js
index 836ea1e..afa744f 100644
--- a/client/effects.js
+++ b/client/effects.js
@@ -6,7 +6,7 @@ Effects = (function() {
 
     var raster = new paper.Raster('img-' + id);
     raster.visible = false;
-    var gridSize = 8;
+    var gridSize = 17;
     var gridDim = 9;
     var cols = [];
 
@@ -95,7 +95,7 @@ Effects = (function() {
     p.setup(canvas);
 
     // params
-    var gridSize = 8;
+    var gridSize = 17;
     var gridDim = 9;
 
     // fetch the new colors
@@ -188,7 +188,7 @@ Effects = (function() {
     p.setup(canvas);
 
     // params
-    var gridSize = 8;
+    var gridSize = 17;
     var gridDim = 9;
 
     var p1 = new paper.Color(palette[0][0] / 256, palette[0][1] / 256, palette[0][2] / 256);