fix team stuff

client/assets/styles/styles.css

@@ -361,16 +361,16 @@ header {
 
     grid-template-areas:
         "top"
-        "list";
+        "team";
 }
 
-.menu-constructs .list {
+.constructs-list {
     margin-top: 0.5em;
-    grid-area: list;
+    grid-area: team;
 
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    grid-auto-rows: 1fr;
+    /*grid-auto-rows: 1fr;*/
     grid-gap: 0.5em;
 }
 
@@ -425,7 +425,26 @@ header {
 
 /* INSTANCE LIST */
 
+.menu-instances {
+    display: grid;
+
+    grid-template-areas:
+        "team"
+        "list"
+        "create";
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+}
+
+.menu-instances .construct-list {
+    grid-area: team;
+    grid-auto-columns: 1fr;
+    grid-gap: 0.5em;
+}
+
 .menu-instance-list {
+    grid-area: list;
+
     flex: 1;
     order: 99;
     flex-flow: row wrap;
@@ -446,6 +465,7 @@ header {
 }
 
 .create-form {
+    grid-area: create;
     flex: 1;
 
     display: flex;

client/assets/styles/styles.mobile.css

@@ -28,6 +28,10 @@
         transition: all 0.5s ease-in-out;
     }
 
+    main {
+        overflow-x: hidden;
+    }
+
     #toggle-nav { display: none; }
 
     #toggle-nav-label {