ntr/mnml
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

vbox spacing fixes

Browse Source
This commit is contained in:
Mashy 2019-05-15 17:54:27 +10:00
parent 12f2fb2546
commit ddb10ca531
1 changed files with 13 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
client/instance.css
View File

@ -13,7 +13,7 @@
} }
.instance-info { .instance-info {
flex: 0 1 50%; flex: 0 1 35%;
padding-left: 1em; padding-left: 1em;
} }
@ -28,22 +28,20 @@
.vbox { .vbox {
display: flex; display: flex;
flex: 0 0 50%; flex: 0 0 65%;
} }
.vbox-box { .vbox-box {
justify-self: end;
max-width: 450px;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
padding-right: 50px; padding-right: 5%;
flex: 0 0 50%;
} }
.vbox-inventory { .vbox-inventory {
justify-self: start;
max-width: 450px;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
flex: 0 0 50%;
} }
.ready-btn { .ready-btn {
@ -158,14 +156,12 @@
.instance-cryp { .instance-cryp {
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: auto min-content;
grid-template-rows: repeat(5, 1fr); grid-template-rows: min-content auto min-content;
grid-template-areas: grid-template-areas:
"sp sp sp sp sp" "sp sp"
"av av av sk sk" "av sk"
"av av av sk sk" "st st";
"av av av sk sk"
"st st st st st";
margin-left: 1em; margin-left: 1em;
border: 1px solid whitesmoke; border: 1px solid whitesmoke;
transition-property: all; transition-property: all;
@ -200,11 +196,13 @@
grid-area: sk; grid-area: sk;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
min-width: 150px;
} }
.instance-cryp .skills button { .instance-cryp .skills button {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 10px;
} }
.instance-cryp .specs { .instance-cryp .specs {
@ -298,7 +296,6 @@
.instance-equip .label { .instance-equip .label {
display: flex; display: flex;
font-size: 20pt; font-size: 20pt;
padding: 10px;
} }
.instance-equip .skills { .instance-equip .skills {
@ -339,7 +336,7 @@ button.equip {
.instance-equip .specs { .instance-equip .specs {
display: flex; display: flex;
padding-left: 50px; padding-left: 5%;
flex-direction: column; flex-direction: column;
} }