flexbox fix

.gitignore

@@ -6,3 +6,4 @@ lint.xml
 test-browser/reports/*
 babelify-src
 docs/_build
+package-lock.json

package.json

@@ -14,8 +14,6 @@
   ],
   "main": "./src/index.js",
   "dependencies": {
-    "bignumber.js": "^4.0.2",
-    "csjs-inject": "^1.0.1",
     "which": "^1.2.10"
   },
   "devDependencies": {
@@ -85,37 +83,21 @@
   },
   "browserify": {
     "transform": [
-      [
-        "babelify",
-        {
-          "plugins": [
-            [
-              "fast-async",
-              {
-                "runtimePatten": null,
-                "compiler": {
-                  "promises": true,
-                  "es7": true,
-                  "noRuntime": true,
-                  "wrapAwait": true
-                }
-              }
-            ],
-            "transform-object-assign"
-          ]
-        }
-      ],
-      [
-        "yo-yoify"
-      ],
-      [
-        "babelify",
-        {
-          "presets": [
-            "es2015"
-          ]
-        }
-      ]
+      ["babelify", {
+        "plugins": [
+          ["fast-async", {
+            "runtimePatten": null,
+            "compiler": {
+              "promises": true,
+              "es7": true,
+              "noRuntime": true,
+              "wrapAwait": true
+            }
+          }], "transform-object-assign"
+        ]
+      }],
+      ["yo-yoify"],
+      ["babelify", { "presets": ["es2015"] }]
     ]
   }
 }

src/ui/ButtonNavigator.js

@@ -16,19 +16,19 @@ var css = csjs`
   .stepButtons {
     width: 100%;
     display: flex;
-    justify-content: space-between;
+    justify-content: center
   }
   .stepButton extends ${styles.button} {
-    width: 23%;
+    width: 25%;
     min-width: 30px;
   }
   .jumpButtons {
     width: 100%;
     display: flex;
-    justify-content: space-between;
+    justify-content: center
   }
   .jumpButton extends ${styles.button} {
-    width: 32%;
+    width: 33%;
     min-width: 30px;
   }
   .navigator:hover {