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,13 +83,9 @@
   },
   "browserify": {
     "transform": [
-      [
+      ["babelify", {
-        "babelify",
-        {
         "plugins": [
-            [
+          ["fast-async", {
-              "fast-async",
-              {
             "runtimePatten": null,
             "compiler": {
               "promises": true,
@@ -99,23 +93,11 @@
               "noRuntime": true,
               "wrapAwait": true
             }
-              }
+          }], "transform-object-assign"
-            ],
-            "transform-object-assign"
-          ]
-        }
-      ],
-      [
-        "yo-yoify"
-      ],
-      [
-        "babelify",
-        {
-          "presets": [
-            "es2015"
-          ]
-        }
         ]
+      }],
+      ["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 {