Polished button and tabs.

This commit is contained in:
Sean Li 2015-06-08 12:07:44 -07:00
parent ac5ec9c8c1
commit 366d9897d9
2 changed files with 11 additions and 11 deletions

View File

@ -137,9 +137,7 @@
} }
} }
.results-filters { .results-filters {
font-size: 12px; margin: 1.2rem 1.2rem 0 0;
margin: 1.3rem 1.3rem 0 0;
.results-filter-title { .results-filter-title {
color: @gray-lighter; color: @gray-lighter;
font-weight: 500; font-weight: 500;

View File

@ -55,11 +55,8 @@
.box-button(); .box-button();
border-right: 1px solid @color-divider; border-right: 1px solid @color-divider;
&.disabled { &.disabled {
opacity: 0.3; background-color: white;
&:active { color: fade(@gray-light, 20%);
}
}
&:active {
} }
.action-icon { .action-icon {
text-align: center; text-align: center;
@ -94,19 +91,24 @@
} }
} }
.details-subheader-tabs { .details-subheader-tabs {
margin: 1.2rem 1.2rem 0 0;
flex: 1 auto; flex: 1 auto;
text-align: right; text-align: right;
margin-right: 3px; text-transform: uppercase;
margin-top: 3px; .tab {
font-weight: 500;
min-width: 40px;
}
} }
} }
.tab { .tab {
font-size: 12px;
font-weight: 400; font-weight: 400;
display: inline-block; display: inline-block;
margin: 0 0.6rem; margin: 0 0.6rem;
transition: all 0.3s; transition: all 0.3s;
color: @gray-normal; color: @gray-light;
border-bottom: 3px solid transparent; border-bottom: 3px solid transparent;
text-align: center; text-align: center;
min-width: 28px; min-width: 28px;