diff --git a/client/cryps.css b/client/cryps.css index f32e2f37..3c34a52f 100644 --- a/client/cryps.css +++ b/client/cryps.css @@ -724,7 +724,7 @@ table td svg { margin-right: 0.5em; } -.game-cryp button, .mobile-skills button { +.game-cryp button { color: #333333; flex: 1 1 100%; font-size: 16pt; @@ -733,7 +733,7 @@ table td svg { border-width: 0px; } -.game-cryp button.active, .mobile-skills button { +.game-cryp button.active { color: whitesmoke; } @@ -792,7 +792,6 @@ table td svg { .team-opponent .stats { order: 5; - align-items: flex-end; } .stack-line { @@ -960,6 +959,7 @@ CRYP DAMAGE /*fucken beats me why needed */ .game-cryp .skills { height: unset; + flex: 1; } .menu-instance-btn { @@ -1018,12 +1018,6 @@ CRYP DAMAGE justify-content: center; } - .mobile-skills { - display: flex; - flex-flow: row; - width: 100%; - } - .game .timer-container { order: 5; flex: unset; diff --git a/client/src/components/game.component.jsx b/client/src/components/game.component.jsx index b941b723..40a7b6cf 100644 --- a/client/src/components/game.component.jsx +++ b/client/src/components/game.component.jsx @@ -138,7 +138,7 @@ function GamePanel(props) { const stats = [STATS.greenLife, STATS.redLife, STATS.blueLife].map((s, j) => (
{s.svg(`stat-icon ${s.colour}`)} -
1000 / 1000
+
{cryp[s.stat].value} / {cryp[s.stat].max}
)); diff --git a/client/src/components/skill.btn.jsx b/client/src/components/skill.btn.jsx index deedb500..d059d120 100644 --- a/client/src/components/skill.btn.jsx +++ b/client/src/components/skill.btn.jsx @@ -51,7 +51,7 @@ function Skill(props) { const side = mobile ? 'top' - : 'right'; + : ''; const cdText = cryp.skills[i].cd > 0 ? `- ${s.cd}`