icon fixes

client/instance.css

@@ -250,7 +250,14 @@
     justify-content: center;
 }
 
-.stat-icon {
+.equip-icon {
+    height: 2em;
+    stroke-width: 5px;
+    fill: none;
+}
+
+
+.instance-cryp .stat-icon {
     width: 100%;
 }
 
@@ -279,7 +286,7 @@
 .instance-equip {
     grid-area: e;
     display: flex;
-    min-height: 10%;
+    min-height: 15%;
     padding-bottom: 1em;
 }
 
@@ -291,7 +298,7 @@
 .instance-equip .label {
     display: flex;
     font-size: 20pt;
-    padding: 15px;
+    padding: 10px;
 
 }
 .instance-equip .skills {
@@ -303,7 +310,7 @@
     flex: 1 1 100%;
     color: whitesmoke;
     font-size: 16pt;
-    padding: 10px;
+    padding: 5px;
     border-width: 0px;
     border-bottom-width: 1px;
     border-left-width: 1px;

client/src/components/instance.equip.jsx

@@ -67,7 +67,7 @@ function Equipment(props) {
         if (specList.includes(item)) {
             return (
                 <figure key={i} onClick={e => boundClick(e, i)}>
-                    {SPECS[item].svg(`stat-icon ${SPECS[item].colour}`)}
+                    {SPECS[item].svg(`equip-icon ${SPECS[item].colour}`)}
                     <figcaption>{SPECS[item].caption}</figcaption>
                 </figure>
             );

client/styles.css

@@ -535,4 +535,3 @@ figure.gray {
     fill: none;
 }
 
-