From 6c13dc0d15f495820934b158645142ad2524dd2a Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Thu, 2 May 2019 16:44:11 +1000
Subject: [PATCH] wip

---
 client/cryps.css                         | 17 ++++++++++-------
 client/src/components/game.component.jsx |  7 -------
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/client/cryps.css b/client/cryps.css
index 44e310fb..0c3e9720 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -726,12 +726,16 @@ table td svg {
     margin-right: 0.5em;
 }
 
-.game-cryp button {
+.game-cryp button, .mobile-skills button {
     color: #333333;
     flex: 1 1 100%;
+    font-size: 16pt;
+    padding: 0;
+    margin: 0;
+    border-width: 0px;
 }
 
-.game-cryp button.active {
+.game-cryp button.active, .mobile-skills button {
     color: whitesmoke;
 }
 
@@ -980,6 +984,10 @@ CRYP DAMAGE
         flex: unset;
     }
 
+    .instance-cryp .skills, .instance-cryp .stats {
+        display: none;
+    }
+
     .instance-info {
         flex: 1;
     }
@@ -999,10 +1007,6 @@ CRYP DAMAGE
         width: 100%;
     }
 
-    .game-cryp .skills {
-        display: none;
-    }
-
     .mobile-spacer {
         flex: 1 1 25%;
         flex-flow: column;
@@ -1028,7 +1032,6 @@ CRYP DAMAGE
         font-size: 16pt;
         padding: 0;
         margin: 0;
-        border-width: 0px;
     }
 
     .game-cryp .stats {
diff --git a/client/src/components/game.component.jsx b/client/src/components/game.component.jsx
index 3cfca97b..f7f0f061 100644
--- a/client/src/components/game.component.jsx
+++ b/client/src/components/game.component.jsx
@@ -179,18 +179,11 @@ function GamePanel(props) {
         );
     }
 
-    const mobileSkills = activeCryp && activeCryp.green_life.value
-        ? range(0, 3).map(i => <SkillBtn key={i} cryp={activeCryp} i={i} mobile={true} />)
-        : (<div/>);
-
     return (
         <main className="game" onClick={() => setActiveCryp(null)} >
             {header}
             {timer}
             {PlayerTeam(playerTeam, setActiveSkill)}
-            <div className="mobile-skills">
-                {mobileSkills}
-            </div>
             <div className="mobile-spacer">&nbsp;</div>
             {otherTeams.map(OpponentTeam)}
         </main>