From 2cbd78dc8fb15884d04564c51442e74a9d0b1876 Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Tue, 10 Mar 2015 19:19:59 +0700
Subject: [PATCH] Add menu styles

---
 app/styles/app.css | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/app/styles/app.css b/app/styles/app.css
index 4af9cb0..7f0d4ee 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -1,3 +1,7 @@
+* {
+    box-sizing: border-box;
+}
+
 section {
     float: left;
 }
@@ -7,8 +11,8 @@ section {
 }
 
 .menu {
-    width: 13em;
-    margin-top: 20px;
+    width: 200px;
+    margin: 20px;
 }
 .menu ul {
     margin: 0;
@@ -16,9 +20,8 @@ section {
 }
 li.nav {
     display: block;
-    line-height: 2.5em;
-    padding: 0 1em;
     cursor: pointer;
+    margin-bottom: 5px;
 }
 .nav.empact {
     font-weight: 600;
@@ -27,9 +30,30 @@ li.nav {
     color: #aaa;
     cursor: default;
 }
+.menu a:before {
+    display: block;
+    float: left;
+    width: 3px;
+    height: 32px;
+    border-radius: 3px;
+    background-color: #218c8d;
+    content: '';
+    margin-right: 10px;
+}
+.menu a {
+    display: inline-block;
+    line-height: 32px;
+    width: 100%;
+    color: #222;
+    text-decoration: underline;
+    border-radius: 3px;
+}
+.menu a.active {
+    background-color: #bcdcdc;
+}
 
 .content {
-    width: calc(100% - 13em);
+    width: calc(100% - 240px);
     margin-top: 20px;
 }
 .content .left, .content .right {