empty equip

client/assets/styles/game.css

@@ -26,6 +26,7 @@
 
 .opponent {
     grid-area: opponent;
+    transform: perspective(23rem);
 }
 
 .opponent .combat-text {
@@ -294,8 +295,18 @@ CRYP DAMAGE
     position: relative;
     height: 100%;
     min-width: 200px;
+    /*animation: rotate 1s infinite ease-in-out alternate;*/
 }
 
+/*@keyframes rotate {
+    0% {
+        transform: rotateY(0deg);
+    }
+    100% {
+        transform: rotateY(50deg);
+    }
+}
+*/
 .resolving .skills button {
     display: none;
 }

client/src/components/instance.equip.jsx

@@ -108,6 +108,9 @@ function Equipment(props) {
         } return false;
     });
 
+    if (skills.every(s => !s)) skills.push(<button disabled={true}>&nbsp;</button>);
+    if (specs.every(s => !s)) specs.push(<figure key={0}>&nbsp;</figure>);
+
     return (
         <div className="equip" >
             <div className={skillClass} onClick={e => unequipClick(e)} onMouseOver={e => hoverInfo(e, 'equipSkills')} >