some css bullshit

client/src/components/list.jsx

@@ -2,7 +2,7 @@ const { connect } = require('preact-redux');
 const preact = require('preact');
 
 const { stringSort, NULL_UUID, COLOURS } = require('./../utils');
-const { ConstructImg } = require('./construct');
+const { ConstructAvatar } = require('./construct');
 const actions = require('./../actions');
 const InstanceCreateForm = require('./instance.create.form');
 
@@ -105,7 +105,7 @@ function List(args) {
             <div
                 key={construct.id}
                 className="menu-construct" >
-                <ConstructImg name={construct.name} id={construct.id} />
+                <ConstructAvatar name={construct.name} id={construct.id} />
                 <h2>{construct.name}</h2>
             </div>
         );

client/src/components/team.jsx

@@ -6,7 +6,7 @@ const actions = require('./../actions');
 const { COLOURS } = require('./../utils');
 const { stringSort } = require('./../utils');
 const SpawnButton = require('./spawn.button');
-const { ConstructImg } = require('./construct');
+const { ConstructAvatar } = require('./construct');
 
 const idSort = stringSort('id');
 
@@ -76,7 +76,7 @@ function Team(args) {
                 className="menu-construct"
                 style={ { 'border-color': borderColour || 'whitesmoke' } }
                 onClick={() => selectConstruct(construct.id)} >
-                <ConstructImg name={construct.name} id={construct.id} />
+                <ConstructAvatar name={construct.name} id={construct.id} />
                 <h2>{construct.name}</h2>
             </div>
         );