Fix flex container and card layout issues (#1195)

* Fix main layout issues and add box around card
- Need to improve box size as it's taking too much space

* Fix UI issues with flexContainer and cards

* Simplify card HTML
This commit is contained in:
Kevin Cunnane
2018-04-23 09:54:44 -07:00
committed by GitHub
parent 3d6fb7a8fa
commit 619c816e7f
6 changed files with 65 additions and 13 deletions

View File

@@ -0,0 +1,27 @@
.model-card {
position: relative;
display: inline-block;
height: auto;
width: auto;
margin: 15px;
padding: 10px 45px 20px 45px;
min-height: 30px;
min-width: 30px;
border-width: 1px;
border-style: solid;
border-color: rgb(214, 214, 214);
text-align: left;
vertical-align: top;
box-shadow: rgba(120, 120, 120, 0.75) 0px 0px 6px;
}
.model-card .card-label {
font-size: 12px;
font-weight: bold;
}
.model-card .card-value {
font-size: 12px;
line-height: 18px;
}