From f79dd6f21989cffacfa4dc00ad0e6fea7e42070d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= <xavier.julian@kaleidos.net>
Date: Tue, 5 Aug 2014 12:37:18 +0200
Subject: [PATCH] Pop points refactor in styles (Viva Lighttable comnmits)

---
 app/styles/layout/us-detail.scss | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index 51129ce5..96da5008 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -198,11 +198,12 @@
 
 .points-per-role {
     position: relative;
-    li {
+    > li {
         border-right: 1px solid $grayer;
         display: inline-block;
         margin: .5rem .1rem;
         opacity: .3;
+        position: relative;
         text-align: center;
         width: 18%;
         &:first-child {
@@ -227,7 +228,20 @@
         white-space: nowrap;
     }
     .pop-points-open {
-        @include popover(150px, '', 30px, '', '');
+        @include popover(200px, 60px, 40px, '', '');
+        li {
+            display: inline-block;
+            width: 23%;
+        }
+        a {
+            display: block;
+            text-align: center;
+            &:hover,
+            &.active {
+                background: $fresh-taiga;
+                color: $white;
+            }
+        }
     }
 }