diff --git a/dist/app.css b/dist/app.css
index fd6dcdd..a08e38b 100644
--- a/dist/app.css
+++ b/dist/app.css
@@ -355,6 +355,9 @@
.MovesExplorer__wrapper__iV8WK {
font-size: 1em; }
+ .MovesExplorer__wrapper__iV8WK .title {
+ color: #fff;
+ margin-top: -2em; }
.MovesExplorer__legacy__ixKar {
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
@@ -367,11 +370,11 @@
width: 425px;
max-height: 450px;
position: fixed;
+ z-index: 2;
top: 25%;
left: 50%;
margin-left: -160px;
- padding-left: 0;
- z-index: 2; }
+ padding: 0; }
.MovesDropdown__menu__2yxRm .list-item.active::before,
.MovesDropdown__menu__2yxRm .list-item:hover::before {
top: 8px; }
@@ -379,6 +382,7 @@
.MovesDropdown__listItem__3fTKH {
display: flex;
justify-content: space-between;
+ padding-right: 2rem;
padding-left: 2rem;
white-space: nowrap;
text-transform: capitalize; }
@@ -391,6 +395,9 @@
.MovesExplorer__wrapper__iV8WK {
font-size: 1em; }
+ .MovesExplorer__wrapper__iV8WK .title {
+ color: #fff;
+ margin-top: -2em; }
.MovesExplorer__legacy__ixKar {
background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
diff --git a/dist/main-bundle.js b/dist/main-bundle.js
index 5780ef8..36903ff 100644
--- a/dist/main-bundle.js
+++ b/dist/main-bundle.js
@@ -38509,6 +38509,7 @@ function (_react_1$default$Comp) {
var _this2 = this;
var _this$props = this.props,
+ menuLabel = _this$props.menuLabel,
movesById = _this$props.movesById,
selectedMove = _this$props.selectedMove,
options = _this$props.options;
@@ -38544,7 +38545,9 @@ function (_react_1$default$Comp) {
onClick: this.toggleMenu
}, moveName), isMenuOpen && react_1.default.createElement("div", {
className: menuCss
- }, react_1.default.createElement(react_measure_1.default, {
+ }, react_1.default.createElement("h3", {
+ className: "title"
+ }, menuLabel), react_1.default.createElement(react_measure_1.default, {
bounds: true,
onResize: onResize
}, function (_ref) {
@@ -38769,6 +38772,7 @@ function (_react_1$default$Comp) {
return react_1.default.createElement("div", {
className: wrapperCss
}, react_1.default.createElement(MovesDropdown_1.MovesDropdown, {
+ menuLabel: "Quick Move",
movesById: movesById,
selectedMove: quickMove,
options: quickMoves,
@@ -38778,6 +38782,7 @@ function (_react_1$default$Comp) {
className: quickMoveCss,
type: quickMoveType
}), react_1.default.createElement(MovesDropdown_1.MovesDropdown, {
+ menuLabel: "Charge Move 1",
movesById: movesById,
selectedMove: chargeMove1,
options: chargeMoves,
@@ -38787,6 +38792,7 @@ function (_react_1$default$Comp) {
className: chargeMove1Css,
type: chargeMove1Type
}), react_1.default.createElement(MovesDropdown_1.MovesDropdown, {
+ menuLabel: "Charge Move 2",
movesById: movesById,
selectedMove: chargeMove2,
options: chargeMoves,
diff --git a/index.html b/index.html
index d605ba2..d2fd270 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
- PVP, ok? E-Mon.
+ PVP Pokemon Explorer
diff --git a/src/ts/app/components/MovesDropdown.tsx b/src/ts/app/components/MovesDropdown.tsx
index 3c56ddd..91308e4 100644
--- a/src/ts/app/components/MovesDropdown.tsx
+++ b/src/ts/app/components/MovesDropdown.tsx
@@ -11,6 +11,7 @@ import { TypeIndicator } from './TypeIndicator';
import * as styles from 'app/styles/MovesDropdown.scss';
export interface IMovesDropdownProps {
+ menuLabel : string;
movesById : CombatMoveStats;
selectedMove : IPokemonMove | null;
options : Array;
@@ -49,6 +50,7 @@ export class MovesDropdown extends React.Component
public render() {
const {
+ menuLabel,
movesById,
selectedMove,
options,
@@ -93,6 +95,7 @@ export class MovesDropdown extends React.Component
{ isMenuOpen &&
+
{ menuLabel }
return (
}
}