ninekey metrics

squarenotsquare/src/themes/Metrics.js

@@ -45,7 +45,8 @@ class AppMetrics {
     this.margins = {
       default: this.normalize(5),
       buttonMargin: this.normalize(20),
-      gameStartMargin: this.normalize(30)
+      gameStartMargin: this.normalize(30),
+      nineKeyMargin: this.normalize(2)
     }
 
     this.buttons = {
@@ -57,11 +58,15 @@ class AppMetrics {
       answerButton: {
         width: this.normalize(40),
         height: this.normalize(40)
+      },
+      nineKeyButton: {
+        width: this.screenWidth * 0.28,
+        height: this.screenHeight * 0.08
       }
     }
 
     this.animated = {
-      gameScrollInterval: (
+      squareInterval: (
         this.buttons.answerButton.height +
         (this.margins.buttonMargin * 2)
       )