upgrade dependencies

nes.css major version update, reworked some css
2019-02-21 22:57:20 -05:00 · 2019-02-21 22:57:20 -05:00 · a8b83710b6
commit a8b83710b6
parent a65d4f6711
15 changed files with 5355 additions and 6119 deletions
--- a/dist/751fb548b97168b9087f397192c7bc93.png
+++ b/dist/751fb548b97168b9087f397192c7bc93.png
--- a/dist/9b60cca4bc7f5a5efc45229018fbf1cf.png
+++ b/dist/9b60cca4bc7f5a5efc45229018fbf1cf.png
--- a/dist/app.css
+++ b/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-right: 0.5em; }
+  padding-left: 0.45em;
+  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;
--- a/dist/global-bundle.js
+++ b/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
-var SUPPORTS_Y = !!(function () { try { return new RegExp('x', 'y'); } catch (e) {} })();
+// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
+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;
@ -7679,7 +7694,7 @@ __webpack_require__(/*! ./_fix-re-wks */ "./node_modules/core-js/modules/_fix-re
      // ^(? + 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);
  }
--- a/dist/global.css
+++ b/dist/global.css
--- a/dist/main-bundle.js
+++ b/dist/main-bundle.js
--- a/package.json
+++ b/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",
--- a/src/scss/index.scss
+++ b/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) {
-    outline-color: $outline;
-    box-shadow:
-      0 4px $border,
-      0 -4px $border,
-      4px 0 $border,
-      -4px 0 $border;
-  }
+  //   @mixin border-style($border, $outline) {
+  //     outline-color: $outline;
+  //     box-shadow:
+  //       0 4px $border,
+  //       0 -4px $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;
--- a/src/ts/app/components/Header.tsx
+++ b/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
+            <header className={ headerCss }>
+                <Link
+                    to="/explorer"
+                    // style={ style }
+                    // className={ anchorCss }
+                    // onClick={ onClick }
+                >
+                    Explorer
+                </Link>
            </header>
        );
    }
--- a/src/ts/app/components/PokemonExplorer/styles/IvForm.scss
+++ b/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-right: 0.5em;
+  padding-left: 0.45em;
+  padding-right: 0.25em;

  &.levelInput {
    width: 6.5em;
--- a/src/ts/app/components/PokemonExplorer/styles/PokemonExplorer.scss
+++ b/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;
--- a/src/ts/app/components/PokemonExplorer/styles/StatDisplay.scss
+++ b/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;
  }
 }
--- a/src/ts/app/components/PokemonSelectList/styles/PokemonSelectList.scss
+++ b/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;
--- a/src/ts/app/styles/PokemonApp.scss
+++ b/src/ts/app/styles/PokemonApp.scss
@ -18,7 +18,15 @@
  // }
 }

-.header,
+.header {
+  display: flex;
+  margin: 0.1em;
+
+  a {
+    display: inline-block;
+  }
+}
+
 .footer {
  height: 60px;
 }
--- a/yarn.lock
+++ b/yarn.lock