diff --git a/client/instance.css b/client/instance.css index 978ce740..90a3998a 100644 --- a/client/instance.css +++ b/client/instance.css @@ -6,13 +6,13 @@ display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(11, 1fr); - grid-template-areas: - "n v v v v v v v v i i i" - "n v v v v v v v v i i i" - "n v v v v v v v v i i i" - "n v v v v v v v v i i i" - "n e e e e e e e e e e e" - "n e e e e e e e e e e e" + grid-template-areas: + "n n n n n n n n n n n n" + "v v v v v v v v v i i i" + "v v v v v v v v v i i i" + "v v v v v v v v v i i i" + "e e e e e e e e e e e e" + "c c c c c c c c c c c c" "c c c c c c c c c c c c" "c c c c c c c c c c c c" "c c c c c c c c c c c c" @@ -24,9 +24,7 @@ grid-area: n; display: flex; flex-flow: column; - flex: 0 0 100%; - padding-top: 50px; - padding-right: 20px; + flex: 1; } .instance-info { @@ -42,7 +40,6 @@ .vbox { grid-area: v; display: flex; - justify-content: flex-end; } .vbox-box { @@ -168,11 +165,7 @@ flex: 1 1 auto; display: flex; flex-flow: row; - padding: 0 2em 0 2em; - align-content: flex-start; - justify-content: center; min-width: 300px; - overflow: hidden; } @@ -180,7 +173,7 @@ display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, 1fr); - grid-template-areas: + grid-template-areas: "sp sp sp sp sp" "av av av sk sk" "av av av sk sk" @@ -196,6 +189,10 @@ transition-timing-function: ease; } +.instance-cryp:first-child { + margin-left: 0; +} + .instance-cryp .avatar { grid-area: av; display: flex; @@ -249,7 +246,7 @@ display: grid; grid-template-rows: 1fr 3fr; grid-template-columns: 3fr 1fr 3fr; - grid-template-areas: + grid-template-areas: "dl sl ll" "di si li"; border-top: 1px solid whitesmoke; diff --git a/client/src/components/instance.component.jsx b/client/src/components/instance.component.jsx index ab20b391..2c76cafc 100644 --- a/client/src/components/instance.component.jsx +++ b/client/src/components/instance.component.jsx @@ -16,40 +16,7 @@ function InstanceComponent(args) { setVboxHidden, } = args; - if (!instance) return