From f4b628639614bd50b65622a42da901424fe85611 Mon Sep 17 00:00:00 2001
From: Martin <me.carlsson@gmail.com>
Date: Mon, 26 Jun 2017 17:24:14 +0200
Subject: [PATCH] P5-492 change colors on buttons and move canvas 3d image down

---
 src/js/includes/3dHandler.js          | 2 ++
 src/js/includes/config/button-menu.js | 8 ++++----
 src/js/includes/config/text-button.js | 4 ++--
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/js/includes/3dHandler.js b/src/js/includes/3dHandler.js
index a2cdbfe..68eb597 100644
--- a/src/js/includes/3dHandler.js
+++ b/src/js/includes/3dHandler.js
@@ -94,6 +94,8 @@ function ThreeDHandler(canvas) {
      */
     this.setImage = function (img) {
         img.set({
+            // Image should be about 20px lower than the center (because of the buttons)
+            top: 20,
             originX: 'center',
             originY: 'center',
         });
diff --git a/src/js/includes/config/button-menu.js b/src/js/includes/config/button-menu.js
index aec0020..327e6d5 100644
--- a/src/js/includes/config/button-menu.js
+++ b/src/js/includes/config/button-menu.js
@@ -9,8 +9,8 @@ module.exports = {
             activeFill: '#ffffff',
         },
         rect: {
-            fill: '#000000',
-            activeFill: '#444444',
+            fill: '#343434',
+            activeFill: '#494949',
             width: 100,
         },
     },
@@ -22,8 +22,8 @@ module.exports = {
             activeFill: '#ffffff',
         },
         rect: {
-            fill: '#000000',
-            activeFill: '#444444',
+            fill: '#343434',
+            activeFill: '#494949',
         },
     }
 
diff --git a/src/js/includes/config/text-button.js b/src/js/includes/config/text-button.js
index 37b148b..07f1b11 100644
--- a/src/js/includes/config/text-button.js
+++ b/src/js/includes/config/text-button.js
@@ -4,8 +4,8 @@ module.exports = {
 
     rect: function(width, height) {
         return {
-            fill: '#000000',
-            activeFill: '#444444',
+            fill: '#343434',
+            activeFill: '#494949',
             originX: 'center',
             originY: 'center',
             width: width || 1,