From ad20021e61eb5ee6585d1acbb8d36abec97fc0a9 Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Mon, 16 Mar 2015 15:33:33 +0700
Subject: [PATCH] Made menu cleaner

---
 app/app.html        |  1 +
 app/styles/app.css  | 53 ---------------------------------------------
 app/styles/menu.css | 46 +++++++++++++++++++++++++++++++++++++++
 3 files changed, 47 insertions(+), 53 deletions(-)
 create mode 100644 app/styles/menu.css

diff --git a/app/app.html b/app/app.html
index f00bf16..11d96d2 100644
--- a/app/app.html
+++ b/app/app.html
@@ -5,6 +5,7 @@
         <title>Empact</title>
         <link rel="stylesheet" href="/bower_components/normalize.css/normalize.css">
         <link rel="stylesheet" href="/styles/logo.css">
+        <link rel="stylesheet" href="/styles/menu.css">
         <link rel="stylesheet" href="/styles/app.css">
         <link rel="stylesheet" href="/styles/charts.css">
     </head>
diff --git a/app/styles/app.css b/app/styles/app.css
index 7cf0a01..8311a24 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -6,59 +6,6 @@
     width: 100%;
 }
 
-.menu {
-    float: left;
-    width: 200px;
-    margin: 20px;
-}
-.menu ul {
-    margin: 0;
-    padding: 0;
-}
-.menu li {
-    display: block;
-    cursor: pointer;
-}
-.nav {
-    margin-bottom: 5px;
-}
-.nav.empact {
-    font-weight: 600;
-}
-.nav.header {
-    color: #aaa;
-    cursor: default;
-    margin-top: 20px;
-}
-.menu .nav a:before {
-    display: block;
-    float: left;
-    width: 5px;
-    height: 32px;
-    border-radius: 3px;
-    background-color: #f39d41;
-    content: '';
-    margin-right: 10px;
-}
-.menu .nav a {
-    display: inline-block;
-    line-height: 32px;
-    width: 100%;
-    color: #222;
-    text-decoration: underline;
-    border-radius: 3px;
-    width: 200px;
-    max-width: 200px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-.menu .nav a:hover {
-    background-color: #fcf1eb;
-}
-.menu .nav a.active {
-    background-color: #f9d4be;
-}
 .content {
     float: left;
     width: calc(100% - 240px);
diff --git a/app/styles/menu.css b/app/styles/menu.css
new file mode 100644
index 0000000..4815cba
--- /dev/null
+++ b/app/styles/menu.css
@@ -0,0 +1,46 @@
+.menu {
+    float: left;
+    width: 200px;
+    margin: 20px;
+}
+    .menu ul {
+        margin: 0;
+        padding: 0;
+    }
+    .menu li {
+        display: block;
+        cursor: pointer;
+    }
+
+.menu .nav {
+    margin-bottom: 5px;
+}
+    .menu .nav.empact {
+        font-weight: 600;
+    }
+    .menu .nav.header {
+        color: #444;
+        font-weight: 600;
+        cursor: default;
+        margin-top: 20px;
+        margin-bottom: 10px;
+    }
+    .menu .nav a {
+        display: inline-block;
+        line-height: 21px;
+        width: 100%;
+        color: #000;
+        text-decoration: none;
+        width: auto;
+        max-width: 200px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        border-bottom: #fff 1px solid;
+        font-weight: 300;
+    }
+    .menu .nav a.active {
+        font-weight: 400;
+        color: #000;
+        border-bottom: #000 1px solid;
+    }