update dashboard counts to 3 styling

This commit is contained in:
John Mitchell 2015-11-24 12:05:39 -05:00
parent 1dbbd6fc4d
commit e45453b036
2 changed files with 10 additions and 5 deletions

View File

@ -18,6 +18,12 @@
padding-left: 15px;
padding-right: 15px;
border-radius: 3px;
background-color: #fff;
border: 1px solid #e1e1e1;
flex: 1 0 auto;
max-width: ~"calc(16.6% - 15px)";
flex-basis: ~"calc(16.6% - 15px)";
transition: background-color 0.2s, border-color 0.2s;
}
@media only screen and (max-width: 710px) {
@ -26,7 +32,6 @@
}
.DashboardCounts-buttonStyle {
border: 1px solid #aaa;
margin-bottom: 15px;
width: 33%;
flex-basis: ~"calc(33% - 7px)";
@ -58,6 +63,7 @@
font-size: 30px;
line-height: 26px;
flex: 1;
transition: color 0.2s;
}
.DashboardCounts-number.is-failure {
@ -67,5 +73,7 @@
.DashboardCounts-label {
flex: 1;
margin-bottom: 0px;
color: #000;
color: #848992;
text-transform: uppercase;
transition: color 0.2s;
}

View File

@ -10,9 +10,6 @@
.Dashboard-counts {
flex: initial;
width: 100%;
border: 1px solid #a9a9a9;
border-radius: 4px;
padding: 9px;
}
.Dashboard-graphs {