Add spacing between items
Also fix padding not being respected when blocks exceed container height.
This commit is contained in:
parent
21cfeb9da0
commit
0e3720169f
|
@ -1,7 +1,6 @@
|
||||||
html,
|
html,
|
||||||
body,
|
body,
|
||||||
#root,
|
#root {
|
||||||
.center-container {
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -39,7 +38,9 @@ button {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
min-height: 100%;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-box {
|
.card-box {
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
|
|
||||||
.block-row > .item {
|
.block-row > .item {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
margin: 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.block-row > .item.-row {
|
.block-row > .item.-row {
|
||||||
|
|
Loading…
Reference in New Issue