mobile styles

client/src/components/game.component.jsx

@@ -116,8 +116,8 @@ function GamePanel(props) {
             );
         });
 
-        const stats = Object.values(STATS).map((s, i) => (
-            <figure key={i} alt={s.stat}>
+        const stats = [STATS.hp, STATS.redShield, STATS.blueShield].map((s, j) => (
+            <figure key={j} alt={s.stat}>
                 {s.svg(`stat-icon ${s.colour}`)}
                 <figcaption>{cryp[s.stat].value} / {cryp[s.stat].max}</figcaption>
             </figure>

client/src/components/vbox.component.jsx

@@ -29,7 +29,7 @@ function Vbox(args) {
 
     // lots of rubbish to make it flow nice
     function boundClick(i) {
-        if (reclaiming) {
+        if (reclaiming && i) {
             return sendVboxReclaim(i);
         }
 
@@ -119,7 +119,7 @@ function Vbox(args) {
     );
 
     return (
-        <div className="vbox">
+        <div className="vbox" onClick={() => setReclaiming(false)} >
             <div className="vbox-hdr">
                 <div>VBOX</div>
                 <div className="bits" >{vbox.bits}b</div>