vbox spacing fixes

This commit is contained in:
Mashy 2019-05-15 17:54:27 +10:00
parent 12f2fb2546
commit ddb10ca531

View File

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