fix team

client/assets/styles/styles.css

@@ -352,7 +352,7 @@ header {
 }
 
 /*
-    MENU
+    TEAM
 */
 
 .menu-constructs {
@@ -365,22 +365,40 @@ header {
 }
 
 .menu-constructs .list {
+    margin-top: 0.5em;
     grid-area: list;
 
     display: grid;
     grid-template-columns: repeat(3, 1fr);
+    grid-auto-rows: 1fr;
+    grid-gap: 0.5em;
 }
 
-.menu-construct-ctr {
-    /*flex: 0 0 30%;*/
+.menu-construct {
+    height: 100%;
+    box-sizing: border-box;
+    border: 1px solid black;
 
     display: flex;
     flex-flow: column;
     text-align: center;
     justify-content: center;
+
+    transition-property: border;
+    transition-duration: 0.5s;
+    transition-delay: 0;
+    transition-timing-function: ease;
 }
 
-.spawn-btn .menu-construct {
+.menu-construct:nth-child(3n) {
+    margin-right: 0;
+}
+
+.menu-construct:first-child, .menu-construct:nth-child(4n) {
+    margin-left: 0;
+}
+
+.spawn-btn.menu-construct {
     border: 1px solid #333;
     color: #333;
     display: flex;
@@ -405,17 +423,7 @@ header {
     opacity: 0
 }
 
-.menu-construct {
-    height: 100%;
-    margin: 0.5em;
-    box-sizing: border-box;
-    border: 1px solid black;
-
-    transition-property: border;
-    transition-duration: 0.5s;
-    transition-delay: 0;
-    transition-timing-function: ease;
-}
+/* INSTANCE LIST */
 
 .menu-instance-list {
     flex: 1;