From 366d9897d9a31bc6a7b0246e475c35fd7de2f55b Mon Sep 17 00:00:00 2001 From: Sean Li Date: Mon, 8 Jun 2015 12:07:44 -0700 Subject: [PATCH] Polished button and tabs. --- styles/new-container.less | 4 +--- styles/right-panel.less | 18 ++++++++++-------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/styles/new-container.less b/styles/new-container.less index 27302cf287..01a3f2b70b 100644 --- a/styles/new-container.less +++ b/styles/new-container.less @@ -137,9 +137,7 @@ } } .results-filters { - font-size: 12px; - margin: 1.3rem 1.3rem 0 0; - + margin: 1.2rem 1.2rem 0 0; .results-filter-title { color: @gray-lighter; font-weight: 500; diff --git a/styles/right-panel.less b/styles/right-panel.less index a9687ffb30..6e7a5e165a 100644 --- a/styles/right-panel.less +++ b/styles/right-panel.less @@ -55,11 +55,8 @@ .box-button(); border-right: 1px solid @color-divider; &.disabled { - opacity: 0.3; - &:active { - } - } - &:active { + background-color: white; + color: fade(@gray-light, 20%); } .action-icon { text-align: center; @@ -94,19 +91,24 @@ } } .details-subheader-tabs { + margin: 1.2rem 1.2rem 0 0; flex: 1 auto; text-align: right; - margin-right: 3px; - margin-top: 3px; + text-transform: uppercase; + .tab { + font-weight: 500; + min-width: 40px; + } } } .tab { + font-size: 12px; font-weight: 400; display: inline-block; margin: 0 0.6rem; transition: all 0.3s; - color: @gray-normal; + color: @gray-light; border-bottom: 3px solid transparent; text-align: center; min-width: 28px;