|
|
@ -25,9 +25,10 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.statwrap .panel-card { |
|
|
.statwrap .panel-card { |
|
|
margin: 0.75%; |
|
|
display: flex; |
|
|
width: 31.5%; |
|
|
margin: 0.5% 0.75%; |
|
|
height: 47%; |
|
|
width: 48%; |
|
|
|
|
|
height: 32%; |
|
|
background-color: #fff; |
|
|
background-color: #fff; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
box-shadow: 0 0 5px #e2e3e4; |
|
|
box-shadow: 0 0 5px #e2e3e4; |
|
|
@ -38,9 +39,9 @@ |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
flex-wrap: nowrap; |
|
|
flex-wrap: nowrap; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
width: 90%; |
|
|
width: 35%; |
|
|
height: 25%; |
|
|
height: 25%; |
|
|
margin: 8% 1% 0; |
|
|
margin: 9% 1% 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.panel-card-bottom { |
|
|
.panel-card-bottom { |
|
|
@ -48,26 +49,25 @@ |
|
|
flex-wrap: wrap; |
|
|
flex-wrap: wrap; |
|
|
align-content: flex-end; |
|
|
align-content: flex-end; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
margin-top: -2%; |
|
|
margin-top: 3.25%; |
|
|
width: 100%; |
|
|
width: 60%; |
|
|
height: 56%; |
|
|
height: 50%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.panel-card-left { |
|
|
.panel-card-left { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
margin-left: -3%; |
|
|
|
|
|
width: 45%; |
|
|
width: 45%; |
|
|
height: 52%; |
|
|
height: 52%; |
|
|
border-right: 1px solid #eee; |
|
|
/* border-right: 1px solid #eee; */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.panel-card-right { |
|
|
.panel-card-right { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
justify-content: space-around; |
|
|
justify-content: space-around; |
|
|
width: 35%; |
|
|
width: 45%; |
|
|
height: 52%; |
|
|
height: 52%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -111,7 +111,7 @@ |
|
|
.percent-tag { |
|
|
.percent-tag { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
margin: 1% 3% 2%; |
|
|
margin: 5% 3% 2%; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.percent-tag span { |
|
|
.percent-tag span { |
|
|
|