lookin good

client/src/components/game.component.jsx

@@ -137,17 +137,15 @@ function GamePanel(props) {
                 <div className="effects">
                     {effects}
                 </div>
-                <div className="avatar">
-                    <div className="targeting">
-                        <div>></div>
-                    </div>
-                    <figure
-                        className="img"
-                        onClick={() => selectSkillTarget(cryp.id)} >
-                        {crypAvatar(cryp.name)}
-                        {combatTextEl}
-                    </figure>
+                <div className="targeting">
+                    <div>></div>
                 </div>
+                <figure
+                    className="img"
+                    onClick={() => selectSkillTarget(cryp.id)} >
+                    {crypAvatar(cryp.name)}
+                    {combatTextEl}
+                </figure>
             </div>
         );
     }

client/src/components/game.cryp.jsx

@@ -78,17 +78,15 @@ function GameCryp(props) {
             <div className="skills">
                 {skills}
             </div>
-            <div className="avatar">
-                <div className="targeting">
-                    <div>></div>
-                </div>
-                <figure
-                    className="img"
-                    onClick={() => selectSkillTarget(cryp.id)} >
-                    {crypAvatar(cryp.name)}
-                    {combatTextEl}
-                </figure>
+            <div className="targeting">
+                <div>></div>
             </div>
+            <figure
+                className="img"
+                onClick={() => selectSkillTarget(cryp.id)} >
+                {crypAvatar(cryp.name)}
+                {combatTextEl}
+            </figure>
             <div className="effects">
                 {effects}
             </div>

client/src/components/menu.component.jsx

@@ -67,7 +67,7 @@ function Menu(args) {
         // );
 
         return (
-            <section className="menu-instance-list" >
+            <div className="menu-instance-list" >
                 <table>
                     <thead>
                         <tr>
@@ -84,7 +84,7 @@ function Menu(args) {
                     </tbody>
                 </table>
                 <InstanceCreateForm />
-            </section>
+            </div>
         );
     }
 

client/src/utils.jsx

@@ -57,6 +57,7 @@ function crypAvatar(name) {
     return (
         <img
             src={`/molecules/${genAvatar(name)}.svg`}
+            height="500"
             onError={event => event.target.setAttribute('src', '/molecules/726.svg')}
         />
     );