reclaiming styles

client/src/components/vbox.component.jsx

@@ -196,7 +196,15 @@ function Vbox(args) {
     //
     // EVERYTHING
     //
+
+    function reclaimClick(e) {
+        e.stopPropagation();
+        return setReclaiming(!reclaiming);
+    }
+
     const classes = `vbox ${activeVar !== null || activeCryp ? 'hidden' : ''}`;
+    const reclaimClass = `instance-btn instance-ui-btn vbox-btn ${reclaiming ? 'reclaiming' : ''}`;
+
     return (
         <div className={classes} onClick={() => setReclaiming(false)} >
             <div className="vbox-hdr">
@@ -215,8 +223,8 @@ function Vbox(args) {
             </table>
             <span onTouchStart={e => e.target.scrollIntoView(true)}>INVENTORY</span>
             <button
-                className="instance-btn instance-ui-btn vbox-btn"
-                onClick={() => setReclaiming(!reclaiming)}>
+                className={reclaimClass}
+                onClick={reclaimClick}>
                 reclaim
             </button>
             <table className="vbox-table">