background for active skills

client/assets/styles/game.less

@@ -116,6 +116,9 @@
             height: 2em;
             height: 25%;
         }
+        button.active {
+            background: #2c2c2c;
+        }
     }
 
     .effects {
@@ -337,6 +340,9 @@
                     padding: 0 0.5em ;
                     margin: 0;
                 }
+                button.active {
+                    background: #2c2c2c;
+                }
             }
 
             .stats div {

client/src/components/anims/wiggle.jsx

@@ -6,7 +6,7 @@ function wiggle(id, idle) {
     const x = window.screen.width * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random());
     const y = window.screen.height * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random());
 
-    console.log(x, y);
+    // console.log(x, y);
     return anime({
         targets: target,
         rotate: 0,

client/src/components/skill.btn.jsx

@@ -55,7 +55,6 @@ function Skill(props) {
     // if (skillChosen && !targeting) {
     //     return false;
     // }
-
     const cdText = construct.skills[i].cd > 0
         ? `- ${s.cd}T`
         : '';
@@ -72,7 +71,7 @@ function Skill(props) {
     return (
         <button
             disabled={cdText || s.disabled || ko}
-            class={`construct-skill-btn ${(targeting || highlight) ? 'active' : ''}`}
+            class={`${(targeting || highlight) ? 'active' : ''}`}
             type="submit"
             onClick={onClick}>
             {s.skill} {cdText}