diff --git a/client/assets/styles/instance.css b/client/assets/styles/instance.css index 1e8e33c1..c06a63cd 100644 --- a/client/assets/styles/instance.css +++ b/client/assets/styles/instance.css @@ -177,7 +177,7 @@ transition-timing-function: ease; */} -.instance-cryp:first-child { +.instance-cryp:first-child, .instance-cryp-active:first-child { margin-left: 0; border-left-width: 1px; } diff --git a/client/assets/styles/instance.mobile.css b/client/assets/styles/instance.mobile.css index 01e81aaa..e8a7ff34 100644 --- a/client/assets/styles/instance.mobile.css +++ b/client/assets/styles/instance.mobile.css @@ -6,15 +6,15 @@ grid-template-areas: "top" "controls" - "mvbox" - "mcryps" + "vbox" + "cryps" } /* Default view */ .instance .equip { display: none; } .instance .info { display: none; } .instance .cryp-list { display: none; } .vbox { - grid-area: mvbox; + grid-area: vbox; display: grid; grid-template-rows: min-content min-content min-content; grid-template-columns: 1fr; @@ -47,7 +47,7 @@ #toggle-vbox:checked ~ .vbox { display: none; } #toggle-vbox:checked ~ .equip { display: initial; - grid-area: mvbox; + grid-area: vbox; } #toggle-vbox:checked ~ .highlight { @@ -55,7 +55,7 @@ } #toggle-vbox:checked ~ .cryp-list { - grid-area: mcryps; + grid-area: cryps; display: grid; justify-content: center;