From 3e4de1ded4343f66b4d7036129b80684b2f46d38 Mon Sep 17 00:00:00 2001
From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Date: Fri, 28 Jun 2013 23:33:14 +0300
Subject: [PATCH] Use triangle for current tab highlight

---
 app/assets/stylesheets/sections/nav.scss | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/sections/nav.scss b/app/assets/stylesheets/sections/nav.scss
index f14fc527a0..c92c63d1db 100644
--- a/app/assets/stylesheets/sections/nav.scss
+++ b/app/assets/stylesheets/sections/nav.scss
@@ -6,9 +6,7 @@
 
   ul {
     margin: auto;
-    height: 41px;
-    position: relative;
-    top: 3px;
+    height: 42px;
     overflow: hidden;
     .count {
       font-weight: normal;
@@ -34,10 +32,23 @@
       display: table-cell;
       width: 1%;
       &.active {
-        border-bottom: 3px solid #777;
         a {
           color: $style_color;
           font-weight: bolder;
+
+          &:after {
+            content: '';
+            display: block;
+            position: relative;
+            bottom: 8px;
+            left: 50%;
+            width: 0;
+            height: 0;
+            border-color: transparent transparent #777 transparent;
+            border-style: solid;
+            border-width: 6px;
+            margin-left: -6px;
+          }
         }
       }
 
@@ -67,6 +78,7 @@
       text-shadow: 0 1px 1px white;
       padding: 0 10px;
       text-decoration: none;
+      padding-top: 4px;
     }
   }
 }
-- 
2.30.9