From c11078d6c78b371b2a52226b44a17f16c494d7f7 Mon Sep 17 00:00:00 2001
From: Andrea Stagi <stagi.andrea@gmail.com>
Date: Wed, 4 Feb 2015 07:56:19 +0100
Subject: [PATCH 1/2] Add arrow-height parameter to popover mixin

---
 app/styles/dependencies/mixins.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/styles/dependencies/mixins.scss b/app/styles/dependencies/mixins.scss
index ad1189b7..19730da8 100644
--- a/app/styles/dependencies/mixins.scss
+++ b/app/styles/dependencies/mixins.scss
@@ -31,7 +31,7 @@
     background: rgba($red, $green, $blue, $opacity);
 }
 
-@mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '') {
+@mixin popover($width, $top: '', $left: '', $bottom: '', $right: '', $arrow-width: 0, $arrow-top: '', $arrow-left: '', $arrow-bottom: '', $arrow-height: 15px) {
     @extend %text;
     background: $blackish;
     bottom: #{$bottom};
@@ -67,7 +67,7 @@
         background: $blackish;
         bottom: #{$arrow-bottom};
         content: '';
-        height: 15px;
+        height: #{$arrow-height};
         left: #{$arrow-left};
         position: absolute;
         top: #{$arrow-top};

From 1eb1a393d5ad20e147be49b465244cd161fc65f9 Mon Sep 17 00:00:00 2001
From: Andrea Stagi <stagi.andrea@gmail.com>
Date: Wed, 4 Feb 2015 08:00:18 +0100
Subject: [PATCH 2/2] Fix arrow height in points-per-role

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

diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index bbc26169..1ff3c9f1 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -305,7 +305,7 @@
         text-align: center;
     }
     .popover {
-        @include popover(200px, $top: 105%, $left: 35%, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 10px);
+        @include popover(200px, $top: 105%, $left: 35%, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 10px, $arrow-height: 10px);
         li {
             display: inline-block;
             width: 23%;
@@ -320,7 +320,7 @@
             }
         }
         &.fix {
-            @include popover(200px, $top: 105%, $left: -160px, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 90%);
+            @include popover(200px, $top: 105%, $left: -160px, $arrow-width: 10px, $arrow-top: -5px, $arrow-left: 90%, $arrow-height: 10px);
         }
     }
 }