ajlkajsdkl

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;

client/src/components/game.component.jsx

@@ -138,7 +138,7 @@ function GamePanel(props) {
         const stats = [STATS.greenLife, STATS.redLife, STATS.blueLife].map((s, j) => (
             <figure key={j} alt={s.stat}>
                 {s.svg(`stat-icon ${s.colour}`)}
-                <figcaption>1000 / 1000</figcaption>
+                <figcaption>{cryp[s.stat].value} / {cryp[s.stat].max}</figcaption>
             </figure>
         ));
 

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}`