some resizing

html-client/cryps.css

@@ -267,6 +267,8 @@ button:hover {
 
 .cryp-box .skills {
     width: 50%;
+    min-width: 150px;
+    flex: 1 1 50%;
 }
 
 .cryp-skill-btn {

html-client/src/components/game.component.jsx

@@ -32,10 +32,6 @@ function GamePanel(props) {
                 ? activeSkill.crypId === cryp.id && activeSkill.skill === s
                 : false;
 
-            if (activeSkill) {
-                console.log(cryp.id, s, highlight);
-            }
-
             return (
                 <button
                     key={i}

html-client/src/keyboard.jsx

@@ -6,6 +6,7 @@ function setupKeys(store) {
     key.unbind('esc');
     key('esc', () => store.dispatch(actions.setCombiner([null, null, null])));
     key('esc', () => store.dispatch(actions.setReclaiming(false)));
+    key('esc', () => store.dispatch(actions.setActiveSkill(null)));
 }
 
 module.exports = setupKeys;