Update card layout to give more icon space (#1858)

This commit is contained in:
Matt Irvine
2018-07-05 14:58:46 -07:00
committed by GitHub
parent c92ff60592
commit c504113d13
4 changed files with 22 additions and 11 deletions

View File

@@ -39,7 +39,9 @@
.model-card .card-vertical-button {
position: relative;
display: inline-block;
display: flex;
flex-direction: column;
text-align: center;
height: auto;
width: auto;
padding: 5px 5px 5px 5px;
@@ -58,16 +60,24 @@
}
.model-card .iconContainer {
width: 100%;
height: 50px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-grow: 1;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 10px 0px 10px 0px;
border-color: rgb(214, 214, 214);
}
.model-card .cardIcon {
display: inline-block;
width: 40px;
height: 40px;
flex-grow: 1;
width: 100%;
height: 100%;
max-width: 50px;
max-height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;