From 5f8ace43ef68d4843d66ce4c008e98c7ea6ede2e Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Tue, 10 Mar 2015 23:29:54 +0700
Subject: [PATCH] Make barchart more interactive

---
 app/styles/app.css    |  2 +-
 app/styles/charts.css | 17 +++++++++++------
 app/styles/logo.css   |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/app/styles/app.css b/app/styles/app.css
index e7f7c52..8974873 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -36,7 +36,7 @@ section {
 .menu .nav a:before {
     display: block;
     float: left;
-    width: 3px;
+    width: 5px;
     height: 32px;
     border-radius: 3px;
     background-color: #f39d41;
diff --git a/app/styles/charts.css b/app/styles/charts.css
index 773bb6b..4f86728 100644
--- a/app/styles/charts.css
+++ b/app/styles/charts.css
@@ -7,6 +7,9 @@
 .barchart g {
     cursor: pointer;
 }
+.barchart g:hover .bar {
+    opacity: .8;
+}
 .barchart .label {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 16px;
@@ -19,23 +22,25 @@
     width: 100%;
 }
 .filters .item {
-    margin: 0; padding: 0;
+    margin: 0;
+    padding: 0;
     float: left;
 }
 .filters .item li {
-    margin-right: 0.3em;
+    margin-right: 10px;
 }
 .filters .sort li {
-    margin-left: 0.3em;
+    margin-left: 10px;
 }
 .filters .sort {
-    margin: 0; padding: 0;
+    margin: 0;
+    padding: 0;
     float: right;
 }
 .filters li {
     display: inline-block;
-    font-size: 1.2em;
-    line-height: 2em;
+    font-size: 18px;
+    line-height: 32px;
     font-weight: 300;
     color: #aaa;
     cursor: pointer;
diff --git a/app/styles/logo.css b/app/styles/logo.css
index dfcc085..4472261 100644
--- a/app/styles/logo.css
+++ b/app/styles/logo.css
@@ -1,7 +1,7 @@
 .logo-button {
     display: inline-block;
     width: auto;
-    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, .6);
+    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .6);
     border-radius: 5px;
 }