diff --git a/client/instance.css b/client/instance.css index 8eac0606..8aed01dc 100644 --- a/client/instance.css +++ b/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; diff --git a/client/src/components/instance.equip.jsx b/client/src/components/instance.equip.jsx index 53ee434a..63fd54f1 100644 --- a/client/src/components/instance.equip.jsx +++ b/client/src/components/instance.equip.jsx @@ -67,7 +67,7 @@ function Equipment(props) { if (specList.includes(item)) { return (
boundClick(e, i)}> - {SPECS[item].svg(`stat-icon ${SPECS[item].colour}`)} + {SPECS[item].svg(`equip-icon ${SPECS[item].colour}`)}
{SPECS[item].caption}
); diff --git a/client/styles.css b/client/styles.css index fa763967..a0cc6060 100644 --- a/client/styles.css +++ b/client/styles.css @@ -535,4 +535,3 @@ figure.gray { fill: none; } -