diff --git a/client/cryps.css b/client/cryps.css index c5b9ce90..81e651e4 100644 --- a/client/cryps.css +++ b/client/cryps.css @@ -370,21 +370,20 @@ header { .instance { display: grid; - grid-gap: 10px; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(7, 1fr); grid-template-areas: "n v v v v v v v v v v v" "n v v v v v v v v v v v" - "g g g g g g g g g g g g" - "f f f f f f f f f f f f" - "f f f f f f f f f f f f" - "f f f f f f f f f f f f" - "f f f f f f f f f f f f"; + "x x g g g g g g g g g g" + "x x f f f f f f f f f f" + "x x f f f f f f f f f f" + "x x f f f f f f f f f f" + "x x f f f f f f f f f f"; } .instance-hdr { - gird-area: n; + grid-area: n; display: flex; flex-flow: row; @@ -392,6 +391,7 @@ header { } .instance-info { + grid-area: x; flex: 0 0 50%; } @@ -412,7 +412,7 @@ header { .vbox-box { grid-area: vb; justify-self: end; - max-width: 600px; + max-width: 450px; display: flex; flex-flow: row wrap; } @@ -420,7 +420,7 @@ header { .vbox-inventory { grid-area: i; justify-self: start; - max-width: 600px; + max-width: 450px; display: flex; flex-flow: row wrap; } diff --git a/client/src/components/instance.component.jsx b/client/src/components/instance.component.jsx index faeec2bd..d4e75669 100644 --- a/client/src/components/instance.component.jsx +++ b/client/src/components/instance.component.jsx @@ -92,11 +92,12 @@ function InstanceComponent(args) { {timer} + ); } -// Removed while WIP +// Removed while WIP module.exports = InstanceComponent;