From 116b211e88a1f3b1df7238ab563c697f45ffd808 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mart=C3=ADn=20Gonz=C3=A1lez?= <m@martingonzalez.net>
Date: Fri, 20 Jan 2017 12:02:50 +0100
Subject: [PATCH] Add hover effect for main process menu

---
 app/assets/stylesheets/legislation_process.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss
index dc837a619..f4b78ccc6 100644
--- a/app/assets/stylesheets/legislation_process.scss
+++ b/app/assets/stylesheets/legislation_process.scss
@@ -212,10 +212,18 @@ $epigraph-line-height: rem-calc(22);
         cursor: pointer;
         display: inline-block;
         margin: 0 1rem 1rem 0;
+        transition: all 0.4s;
+        border-bottom: 2px solid transparent;
         
         &:first-of-type {
           margin-left: 0;
         }
+        
+        &:hover,
+        &:active,
+        &:focus {
+          border-bottom: 2px solid $brand;
+        }
 
         @media (min-width: 950px) {
           margin: 0 0 0 3rem;
@@ -223,6 +231,7 @@ $epigraph-line-height: rem-calc(22);
 
         a,
         h4 {
+          display: block;
           color: #6D6D6D;
           margin-bottom: 0;
         }