upgrade dependencies

nes.css major version update, reworked some css

dist/app.css

@@ -10,14 +10,19 @@
     flex-flow: row nowrap;
     align-items: stretch; }
 
-._2s_s2Qq6lMCrAFywqXmkG4,
+._2s_s2Qq6lMCrAFywqXmkG4 {
+  display: flex;
+  margin: 0.1em; }
+  ._2s_s2Qq6lMCrAFywqXmkG4 a {
+    display: inline-block; }
+
 ._3q19QD159aLyJOAJXwRJpW {
   height: 60px; }
 
 .nes-field.is-inline .xR5IU7T9gOSfM0SfGIQhQ {
   width: 4.25em;
-  padding-left: 0.7em;
+  padding-left: 0.45em;
-  padding-right: 0.5em; }
+  padding-right: 0.25em; }
   .nes-field.is-inline .xR5IU7T9gOSfM0SfGIQhQ._1n6We_Quu_avj4L41Kkbtk {
     width: 6.5em; }
 
@@ -66,9 +71,10 @@
     flex-shrink: 0; }
   ._1B60AdbQ9qZ10PWcMNDjwK > progress {
     flex-shrink: 1;
-    margin-left: 1em;
+    margin: 0 0 0 1em;
     width: 5em;
-    height: 0.5em;
+    height: 1em;
+    border-image-outset: 1;
     padding: 2px; }
 
 ._3U9PuqYc3wBzWrjcTwdxMR {
@@ -123,95 +129,95 @@
   text-transform: uppercase; }
   ._24Fhlh0L3vMIxt6SKXuQVP.nes-container {
     padding: 0;
-    margin-top: 0.5rem;
     font-size: 0.7em;
+    line-height: 0.9;
     flex-basis: 50%;
-    margin-bottom: 11px; }
+    margin: 0.5rem 7px 11px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.normal {
     color: #fff;
     background-color: #a8a878; }
     ._24Fhlh0L3vMIxt6SKXuQVP.normal::after {
       box-shadow: 0 -4px #a8a878, 0 -8px, 4px 0 #a8a878, 4px -4px, 8px 0, 0 4px #a8a878, 0 8px, -4px 0 #a8a878, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.fire {
-    color: #fff;
-    background-color: #f08030; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.fire::after {
-      box-shadow: 0 -4px #f08030, 0 -8px, 4px 0 #f08030, 4px -4px, 8px 0, 0 4px #f08030, 0 8px, -4px 0 #f08030, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.fighting {
     color: #fff;
     background-color: #c03028; }
     ._24Fhlh0L3vMIxt6SKXuQVP.fighting::after {
       box-shadow: 0 -4px #c03028, 0 -8px, 4px 0 #c03028, 4px -4px, 8px 0, 0 4px #c03028, 0 8px, -4px 0 #c03028, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.water {
-    color: #fff;
-    background-color: #6890f0; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.water::after {
-      box-shadow: 0 -4px #6890f0, 0 -8px, 4px 0 #6890f0, 4px -4px, 8px 0, 0 4px #6890f0, 0 8px, -4px 0 #6890f0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.flying {
     color: #fff;
     background-color: #a890f0; }
     ._24Fhlh0L3vMIxt6SKXuQVP.flying::after {
       box-shadow: 0 -4px #a890f0, 0 -8px, 4px 0 #a890f0, 4px -4px, 8px 0, 0 4px #a890f0, 0 8px, -4px 0 #a890f0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.grass {
-    color: #fff;
-    background-color: #78c850; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.grass::after {
-      box-shadow: 0 -4px #78c850, 0 -8px, 4px 0 #78c850, 4px -4px, 8px 0, 0 4px #78c850, 0 8px, -4px 0 #78c850, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.poison {
     color: #fff;
     background-color: #a040a0; }
     ._24Fhlh0L3vMIxt6SKXuQVP.poison::after {
       box-shadow: 0 -4px #a040a0, 0 -8px, 4px 0 #a040a0, 4px -4px, 8px 0, 0 4px #a040a0, 0 8px, -4px 0 #a040a0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.electric {
-    color: #fff;
-    background-color: #f8d030; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.electric::after {
-      box-shadow: 0 -4px #f8d030, 0 -8px, 4px 0 #f8d030, 4px -4px, 8px 0, 0 4px #f8d030, 0 8px, -4px 0 #f8d030, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.ground {
     color: #fff;
     background-color: #e0c068; }
     ._24Fhlh0L3vMIxt6SKXuQVP.ground::after {
       box-shadow: 0 -4px #e0c068, 0 -8px, 4px 0 #e0c068, 4px -4px, 8px 0, 0 4px #e0c068, 0 8px, -4px 0 #e0c068, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.psychic {
-    color: #fff;
-    background-color: #f85888; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.psychic::after {
-      box-shadow: 0 -4px #f85888, 0 -8px, 4px 0 #f85888, 4px -4px, 8px 0, 0 4px #f85888, 0 8px, -4px 0 #f85888, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.rock {
     color: #fff;
     background-color: #b8a038; }
     ._24Fhlh0L3vMIxt6SKXuQVP.rock::after {
       box-shadow: 0 -4px #b8a038, 0 -8px, 4px 0 #b8a038, 4px -4px, 8px 0, 0 4px #b8a038, 0 8px, -4px 0 #b8a038, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.ice {
-    color: #fff;
-    background-color: #98d8d8; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.ice::after {
-      box-shadow: 0 -4px #98d8d8, 0 -8px, 4px 0 #98d8d8, 4px -4px, 8px 0, 0 4px #98d8d8, 0 8px, -4px 0 #98d8d8, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.bug {
     color: #fff;
     background-color: #a8b820; }
     ._24Fhlh0L3vMIxt6SKXuQVP.bug::after {
       box-shadow: 0 -4px #a8b820, 0 -8px, 4px 0 #a8b820, 4px -4px, 8px 0, 0 4px #a8b820, 0 8px, -4px 0 #a8b820, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.dragon {
-    color: #fff;
-    background-color: #6f35fc; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.dragon::after {
-      box-shadow: 0 -4px #6f35fc, 0 -8px, 4px 0 #6f35fc, 4px -4px, 8px 0, 0 4px #6f35fc, 0 8px, -4px 0 #6f35fc, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.ghost {
     color: #fff;
     background-color: #705898; }
     ._24Fhlh0L3vMIxt6SKXuQVP.ghost::after {
       box-shadow: 0 -4px #705898, 0 -8px, 4px 0 #705898, 4px -4px, 8px 0, 0 4px #705898, 0 8px, -4px 0 #705898, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
-  ._24Fhlh0L3vMIxt6SKXuQVP.dark {
-    color: #fff;
-    background-color: #705848; }
-    ._24Fhlh0L3vMIxt6SKXuQVP.dark::after {
-      box-shadow: 0 -4px #705848, 0 -8px, 4px 0 #705848, 4px -4px, 8px 0, 0 4px #705848, 0 8px, -4px 0 #705848, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.steel {
     color: #fff;
     background-color: #b8b8d0; }
     ._24Fhlh0L3vMIxt6SKXuQVP.steel::after {
       box-shadow: 0 -4px #b8b8d0, 0 -8px, 4px 0 #b8b8d0, 4px -4px, 8px 0, 0 4px #b8b8d0, 0 8px, -4px 0 #b8b8d0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.fire {
+    color: #fff;
+    background-color: #f08030; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.fire::after {
+      box-shadow: 0 -4px #f08030, 0 -8px, 4px 0 #f08030, 4px -4px, 8px 0, 0 4px #f08030, 0 8px, -4px 0 #f08030, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.water {
+    color: #fff;
+    background-color: #6890f0; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.water::after {
+      box-shadow: 0 -4px #6890f0, 0 -8px, 4px 0 #6890f0, 4px -4px, 8px 0, 0 4px #6890f0, 0 8px, -4px 0 #6890f0, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.grass {
+    color: #fff;
+    background-color: #78c850; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.grass::after {
+      box-shadow: 0 -4px #78c850, 0 -8px, 4px 0 #78c850, 4px -4px, 8px 0, 0 4px #78c850, 0 8px, -4px 0 #78c850, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.electric {
+    color: #fff;
+    background-color: #f8d030; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.electric::after {
+      box-shadow: 0 -4px #f8d030, 0 -8px, 4px 0 #f8d030, 4px -4px, 8px 0, 0 4px #f8d030, 0 8px, -4px 0 #f8d030, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.psychic {
+    color: #fff;
+    background-color: #f85888; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.psychic::after {
+      box-shadow: 0 -4px #f85888, 0 -8px, 4px 0 #f85888, 4px -4px, 8px 0, 0 4px #f85888, 0 8px, -4px 0 #f85888, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.ice {
+    color: #fff;
+    background-color: #98d8d8; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.ice::after {
+      box-shadow: 0 -4px #98d8d8, 0 -8px, 4px 0 #98d8d8, 4px -4px, 8px 0, 0 4px #98d8d8, 0 8px, -4px 0 #98d8d8, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.dragon {
+    color: #fff;
+    background-color: #6f35fc; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.dragon::after {
+      box-shadow: 0 -4px #6f35fc, 0 -8px, 4px 0 #6f35fc, 4px -4px, 8px 0, 0 4px #6f35fc, 0 8px, -4px 0 #6f35fc, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
+  ._24Fhlh0L3vMIxt6SKXuQVP.dark {
+    color: #fff;
+    background-color: #705848; }
+    ._24Fhlh0L3vMIxt6SKXuQVP.dark::after {
+      box-shadow: 0 -4px #705848, 0 -8px, 4px 0 #705848, 4px -4px, 8px 0, 0 4px #705848, 0 8px, -4px 0 #705848, -4px 4px, -8px 0, -4px -4px, 4px 4px; }
   ._24Fhlh0L3vMIxt6SKXuQVP.fairy {
     color: #fff;
     background-color: #ee99ac; }
@@ -248,7 +254,7 @@
       .Jh0Sr2lP-XeN0ntnXVeN2 .title._3cq4PWq3t2F7caqPlILUkk > *:last-child {
         padding-right: 0.5em; }
   .Jh0Sr2lP-XeN0ntnXVeN2._3Ii7DWWVzHBEDAk08dT0pN {
-    padding: 2rem 6px 6px; }
+    padding: 1.5rem 0 0; }
     .Jh0Sr2lP-XeN0ntnXVeN2._3Ii7DWWVzHBEDAk08dT0pN .title._3cq4PWq3t2F7caqPlILUkk {
       margin-bottom: 0;
       margin-right: -6px;
@@ -264,7 +270,7 @@
   ._2ktnAYaWPic5tHP0KElljW .bBtO6ahHT_r4-uv_TkNmI {
     flex: 1 1 auto;
     display: flex;
-    padding: 6px; }
+    padding: 0; }
     ._2ktnAYaWPic5tHP0KElljW .bBtO6ahHT_r4-uv_TkNmI > * {
       width: 100%; }
     ._2ktnAYaWPic5tHP0KElljW .bBtO6ahHT_r4-uv_TkNmI._1vgpKPYgwFLERwugPpgKhY ._3sBmbmGuMfRoF2_Ka1Rv3 {
@@ -287,7 +293,8 @@
       opacity: 1; }
 
 ._1d1WlVgaHsGjR2VF30_8DY {
-  position: relative; }
+  position: relative;
+  margin: 0.1em; }
   ._1d1WlVgaHsGjR2VF30_8DY .close {
     position: absolute;
     top: 1em;

dist/global-bundle.js

@@ -1196,7 +1196,7 @@ module.exports = function (NAME, wrapper, methods, common, IS_MAP, IS_WEAK) {
 /*! ModuleConcatenation bailout: Module is not an ECMAScript module */
 /***/ (function(module, exports) {
 
-var core = module.exports = { version: '2.6.1' };
+var core = module.exports = { version: '2.6.5' };
 if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef
 
 
@@ -1679,6 +1679,19 @@ exports.BREAK = BREAK;
 exports.RETURN = RETURN;
 
 
+/***/ }),
+
+/***/ "./node_modules/core-js/modules/_function-to-string.js":
+/*!*************************************************************!*\
+  !*** ./node_modules/core-js/modules/_function-to-string.js ***!
+  \*************************************************************/
+/*! no static exports found */
+/*! ModuleConcatenation bailout: Module is not an ECMAScript module */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(/*! ./_shared */ "./node_modules/core-js/modules/_shared.js")('native-function-to-string', Function.toString);
+
+
 /***/ }),
 
 /***/ "./node_modules/core-js/modules/_global.js":
@@ -2930,8 +2943,8 @@ var global = __webpack_require__(/*! ./_global */ "./node_modules/core-js/module
 var hide = __webpack_require__(/*! ./_hide */ "./node_modules/core-js/modules/_hide.js");
 var has = __webpack_require__(/*! ./_has */ "./node_modules/core-js/modules/_has.js");
 var SRC = __webpack_require__(/*! ./_uid */ "./node_modules/core-js/modules/_uid.js")('src');
+var $toString = __webpack_require__(/*! ./_function-to-string */ "./node_modules/core-js/modules/_function-to-string.js");
 var TO_STRING = 'toString';
-var $toString = Function[TO_STRING];
 var TPL = ('' + $toString).split(TO_STRING);
 
 __webpack_require__(/*! ./_core */ "./node_modules/core-js/modules/_core.js").inspectSource = function (it) {
@@ -3200,7 +3213,7 @@ var store = global[SHARED] || (global[SHARED] = {});
 })('versions', []).push({
   version: core.version,
   mode: __webpack_require__(/*! ./_library */ "./node_modules/core-js/modules/_library.js") ? 'pure' : 'global',
-  copyright: '© 2018 Denis Pushkarev (zloirock.ru)'
+  copyright: '© 2019 Denis Pushkarev (zloirock.ru)'
 });
 
 
@@ -7507,12 +7520,12 @@ __webpack_require__(/*! ./_fix-re-wks */ "./node_modules/core-js/modules/_fix-re
           break;
         default: // \d\d?
           var n = +ch;
-          if (n === 0) return ch;
+          if (n === 0) return match;
           if (n > m) {
             var f = floor(n / 10);
-            if (f === 0) return ch;
+            if (f === 0) return match;
             if (f <= m) return captures[f - 1] === undefined ? ch.charAt(1) : captures[f - 1] + ch.charAt(1);
-            return ch;
+            return match;
           }
           capture = captures[n - 1];
       }
@@ -7586,14 +7599,16 @@ var advanceStringIndex = __webpack_require__(/*! ./_advance-string-index */ "./n
 var toLength = __webpack_require__(/*! ./_to-length */ "./node_modules/core-js/modules/_to-length.js");
 var callRegExpExec = __webpack_require__(/*! ./_regexp-exec-abstract */ "./node_modules/core-js/modules/_regexp-exec-abstract.js");
 var regexpExec = __webpack_require__(/*! ./_regexp-exec */ "./node_modules/core-js/modules/_regexp-exec.js");
+var fails = __webpack_require__(/*! ./_fails */ "./node_modules/core-js/modules/_fails.js");
 var $min = Math.min;
 var $push = [].push;
 var $SPLIT = 'split';
 var LENGTH = 'length';
 var LAST_INDEX = 'lastIndex';
+var MAX_UINT32 = 0xffffffff;
 
-// eslint-disable-next-line no-empty
+// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
-var SUPPORTS_Y = !!(function () { try { return new RegExp('x', 'y'); } catch (e) {} })();
+var SUPPORTS_Y = !fails(function () { RegExp(MAX_UINT32, 'y'); });
 
 // @@split logic
 __webpack_require__(/*! ./_fix-re-wks */ "./node_modules/core-js/modules/_fix-re-wks.js")('split', 2, function (defined, SPLIT, $split, maybeCallNative) {
@@ -7618,7 +7633,7 @@ __webpack_require__(/*! ./_fix-re-wks */ "./node_modules/core-js/modules/_fix-re
                   (separator.unicode ? 'u' : '') +
                   (separator.sticky ? 'y' : '');
       var lastLastIndex = 0;
-      var splitLimit = limit === undefined ? 4294967295 : limit >>> 0;
+      var splitLimit = limit === undefined ? MAX_UINT32 : limit >>> 0;
       // Make `global` and avoid `lastIndex` issues by working with a copy
       var separatorCopy = new RegExp(separator.source, flags + 'g');
       var match, lastIndex, lastLength;
@@ -7672,14 +7687,14 @@ __webpack_require__(/*! ./_fix-re-wks */ "./node_modules/core-js/modules/_fix-re
 
       var unicodeMatching = rx.unicode;
       var flags = (rx.ignoreCase ? 'i' : '') +
-                    (rx.multiline ? 'm' : '') +
+                  (rx.multiline ? 'm' : '') +
-                    (rx.unicode ? 'u' : '') +
+                  (rx.unicode ? 'u' : '') +
-                    (SUPPORTS_Y ? 'y' : 'g');
+                  (SUPPORTS_Y ? 'y' : 'g');
 
       // ^(? + rx + ) is needed, in combination with some S slicing, to
       // simulate the 'y' flag.
       var splitter = new C(SUPPORTS_Y ? rx : '^(?:' + rx.source + ')', flags);
-      var lim = limit === undefined ? 0xffffffff : limit >>> 0;
+      var lim = limit === undefined ? MAX_UINT32 : limit >>> 0;
       if (lim === 0) return [];
       if (S.length === 0) return callRegExpExec(splitter, S) === null ? [S] : [];
       var p = 0;
@@ -8767,19 +8782,20 @@ __webpack_require__(/*! ./_typed-array */ "./node_modules/core-js/modules/_typed
 
 "use strict";
 
+var global = __webpack_require__(/*! ./_global */ "./node_modules/core-js/modules/_global.js");
 var each = __webpack_require__(/*! ./_array-methods */ "./node_modules/core-js/modules/_array-methods.js")(0);
 var redefine = __webpack_require__(/*! ./_redefine */ "./node_modules/core-js/modules/_redefine.js");
 var meta = __webpack_require__(/*! ./_meta */ "./node_modules/core-js/modules/_meta.js");
 var assign = __webpack_require__(/*! ./_object-assign */ "./node_modules/core-js/modules/_object-assign.js");
 var weak = __webpack_require__(/*! ./_collection-weak */ "./node_modules/core-js/modules/_collection-weak.js");
 var isObject = __webpack_require__(/*! ./_is-object */ "./node_modules/core-js/modules/_is-object.js");
-var fails = __webpack_require__(/*! ./_fails */ "./node_modules/core-js/modules/_fails.js");
 var validate = __webpack_require__(/*! ./_validate-collection */ "./node_modules/core-js/modules/_validate-collection.js");
+var NATIVE_WEAK_MAP = __webpack_require__(/*! ./_validate-collection */ "./node_modules/core-js/modules/_validate-collection.js");
+var IS_IE11 = !global.ActiveXObject && 'ActiveXObject' in global;
 var WEAK_MAP = 'WeakMap';
 var getWeak = meta.getWeak;
 var isExtensible = Object.isExtensible;
 var uncaughtFrozenStore = weak.ufstore;
-var tmp = {};
 var InternalMap;
 
 var wrapper = function (get) {
@@ -8807,7 +8823,7 @@ var methods = {
 var $WeakMap = module.exports = __webpack_require__(/*! ./_collection */ "./node_modules/core-js/modules/_collection.js")(WEAK_MAP, wrapper, methods, weak, true, true);
 
 // IE11 WeakMap frozen keys fix
-if (fails(function () { return new $WeakMap().set((Object.freeze || Object)(tmp), 7).get(tmp) != 7; })) {
+if (NATIVE_WEAK_MAP && IS_IE11) {
   InternalMap = weak.getConstructor(wrapper, WEAK_MAP);
   assign(InternalMap.prototype, methods);
   meta.NEED = true;
@@ -9006,7 +9022,9 @@ var $pad = __webpack_require__(/*! ./_string-pad */ "./node_modules/core-js/modu
 var userAgent = __webpack_require__(/*! ./_user-agent */ "./node_modules/core-js/modules/_user-agent.js");
 
 // https://github.com/zloirock/core-js/issues/280
-$export($export.P + $export.F * /Version\/10\.\d+(\.\d+)? Safari\//.test(userAgent), 'String', {
+var WEBKIT_BUG = /Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(userAgent);
+
+$export($export.P + $export.F * WEBKIT_BUG, 'String', {
   padEnd: function padEnd(maxLength /* , fillString = ' ' */) {
     return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, false);
   }
@@ -9031,7 +9049,9 @@ var $pad = __webpack_require__(/*! ./_string-pad */ "./node_modules/core-js/modu
 var userAgent = __webpack_require__(/*! ./_user-agent */ "./node_modules/core-js/modules/_user-agent.js");
 
 // https://github.com/zloirock/core-js/issues/280
-$export($export.P + $export.F * /Version\/10\.\d+(\.\d+)? Safari\//.test(userAgent), 'String', {
+var WEBKIT_BUG = /Version\/10\.\d+(\.\d+)?( Mobile\/\w+)? Safari\//.test(userAgent);
+
+$export($export.P + $export.F * WEBKIT_BUG, 'String', {
   padStart: function padStart(maxLength /* , fillString = ' ' */) {
     return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true);
   }

package.json

@@ -21,11 +21,11 @@
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-typescript": "^7.1.0",
     "@types/classnames": "^2.2.7",
-    "@types/node": "^10.12.18",
+    "@types/node": "^11.9.4",
     "@types/react": "^16.7.18",
     "@types/react-dom": "^16.0.11",
     "@types/react-measure": "^2.0.4",
-    "@types/react-redux": "^6.0.12",
+    "@types/react-redux": "^7.0.1",
     "@types/react-router-dom": "^4.3.1",
     "@types/react-window": "^1.1.0",
     "babel-loader": "^8.0.4",
@@ -53,7 +53,7 @@
     "stylelint-scss": "^3.5.1",
     "stylelint-webpack-plugin": "^0.10.5",
     "ts-loader": "^5.3.2",
-    "ts-node": "^7.0.1",
+    "ts-node": "^8.0.2",
     "tsconfig-paths": "^3.7.0",
     "tslint": "^5.12.0",
     "tslint-eslint-rules": "^5.4.0",
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "classnames": "^2.2.6",
-    "nes.css": "^1.0.0",
+    "nes.css": "^2.0.0",
     "pokemongo-json-pokedex": "^3.4.6",
     "prop-types": "^15.6.2",
     "react": "^16.7.0",

src/scss/index.scss

@@ -74,7 +74,7 @@ a.list-item {
       left: 4px;
       content: "";
 
-      @include pixelize($radio, $colors, 2px);
+      @include pixelize(2px, $radio, $colors);
     }
   }
 
@@ -86,7 +86,7 @@ a.list-item {
   }
 
   &.active::before {
-    @include pixelize($radio-checked-focus, $colors, 2px);
+    @include pixelize(2px, $radio-checked-focus, $colors);
   }
 }
 
@@ -118,20 +118,23 @@ a.list-item {
 
 .nes-input,
 .nes-textarea {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
   background-color: $main-background-color;
+  outline-color: $main-font-secondary-color;
 
-  // borrowed from @import '~nes.css/scss/elements/inputs';
+  //   // borrowed from @import '~nes.css/scss/elements/inputs';
 
-  @mixin border-style($border, $outline) {
+  //   @mixin border-style($border, $outline) {
-    outline-color: $outline;
+  //     outline-color: $outline;
-    box-shadow:
+  //     box-shadow:
-      0 4px $border,
+  //       0 4px $border,
-      0 -4px $border,
+  //       0 -4px $border,
-      4px 0 $border,
+  //       4px 0 $border,
-      -4px 0 $border;
+  //       -4px 0 $border;
-  }
+  //   }
 
-  @include border-style($main-border-color, $main-font-secondary-color);
+  //   @include border-style($main-border-color, $main-font-secondary-color);
 
   &::placeholder {
     color: $main-font-secondary-color;

src/ts/app/components/Header.tsx

@@ -1,4 +1,7 @@
 import React from 'react';
+import { Link } from 'react-router-dom';
+
+import classNames from 'classnames';
 
 import * as styles from '../styles/PokemonApp.scss';
 
@@ -7,9 +10,29 @@ interface IHeaderProps {}
 export class Header extends React.Component<IHeaderProps> {
 
     public render() {
+        const headerCss = classNames(
+            'nes-container',
+            styles.header,
+        );
+        // const linkTo = {
+        //     // pathname: '/courses',
+        //     search: appendQueryString(location, {
+        //         id: pokemon.id.toString(),
+        //         form: pokemon.form.toString(),
+        //     }),
+        //     // hash: '#the-hash',
+        //     // state: { fromDashboard: true }
+        // };
         return (
-            <header className={ styles.header }>
+            <header className={ headerCss }>
-                Header
+                <Link
+                    to="/explorer"
+                    // style={ style }
+                    // className={ anchorCss }
+                    // onClick={ onClick }
+                >
+                    Explorer
+                </Link>
             </header>
         );
     }

src/ts/app/components/PokemonExplorer/styles/IvForm.scss

@@ -1,7 +1,7 @@
 :global(.nes-field.is-inline) .ivInput {
   width: 4.25em;
-  padding-left: 0.7em;
+  padding-left: 0.45em;
-  padding-right: 0.5em;
+  padding-right: 0.25em;
 
   &.levelInput {
     width: 6.5em;

src/ts/app/components/PokemonExplorer/styles/PokemonExplorer.scss

@@ -67,10 +67,10 @@
 
   &:global(.nes-container) {
     padding: 0;
-    margin-top: 0.5rem;
     font-size: 0.7em;
+    line-height: 0.9;
     flex-basis: 50%;
-    margin-bottom: 11px; // default nes.css value is 14px
+    margin: 0.5rem 7px 11px; // default nes.css margin-bottom value is 14px
   }
 
   // override the default nes.css default, which uses #fff
@@ -139,7 +139,7 @@
   &.diplayingIvList {
     $border-offset: 6px;
 
-    padding: 2rem $border-offset $border-offset; // .nes-container.title has `padding: 2rem;`
+    padding: 1.5rem 0 0;
 
     :global(.title).ivContainerTitle {
       margin-bottom: 0;

src/ts/app/components/PokemonExplorer/styles/StatDisplay.scss

@@ -8,9 +8,10 @@
 
   & > progress {
     flex-shrink: 1;
-    margin-left: 1em;
+    margin: 0 0 0 1em;
     width: 5em;
-    height: 0.5em;
+    height: 1em;
+    border-image-outset: 1;
     padding: 2px;
   }
 }

src/ts/app/components/PokemonSelectList/styles/PokemonSelectList.scss

@@ -10,7 +10,7 @@
   .listWrapper {
     flex: 1 1 auto;
     display: flex;
-    padding: 6px;
+    padding: 0;
 
     & > * {
       width: 100%;
@@ -64,6 +64,7 @@
 
 .filterWrapper {
   position: relative;
+  margin: 0.1em;
 
   :global(.close) {
     position: absolute;

src/ts/app/styles/PokemonApp.scss

@@ -18,7 +18,15 @@
   // }
 }
 
-.header,
+.header {
+  display: flex;
+  margin: 0.1em;
+
+  a {
+    display: inline-block;
+  }
+}
+
 .footer {
   height: 60px;
 }