Rebuilt selectors

app/styles/app.css

@@ -29,7 +29,7 @@
     background-position: center;
     background-size: 100% auto;
     margin-right: 10px;
-    border-radius: 3px;
+    border-radius: 2px;
 }
 
 .info-block h1 {

app/styles/charts.css

@@ -54,39 +54,37 @@
     margin: 10px 15px 0 0;
 }
 
-.filters {
+.selector {
     width: 100%;
+    height: 22px;
+    font-size: 16px;
+    line-height: 21px;
+    margin-bottom: 8px;
 }
-.filters .item {
-    margin: 0;
-    padding: 0;
+.selector .title {
+    width: auto;
     float: left;
+    font-weight: 400;
+    margin-right: 8px;
 }
-.filters .item li {
-    margin-right: 10px;
-}
-.filters .sort li {
-    margin-left: 10px;
-}
-.filters .sort {
+.selector .items {
+    display: block;
+    float: left;
     margin: 0;
     padding: 0;
-    float: right;
 }
-.filters li {
+.selector li {
     display: inline-block;
-    font-size: 18px;
-    line-height: 32px;
     font-weight: 300;
     color: #aaa;
     cursor: pointer;
-    text-decoration: underline;
+    margin-right: 8px;
 }
-.filters li.active {
+.selector li.active {
     font-weight: 400;
     color: #222;
     cursor: default;
-    text-decoration: none;
+    border-bottom: #222 1px solid;
 }
 
 .whatsgoingon {
@@ -103,5 +101,5 @@
     margin: 3px 0 0;
     padding: 3px 6px;
     background-color: #eaeaea;
-    border-radius: 4px;
+    border-radius: 2px;
 }