From 98c19ec009dbb92fc86fbfb5e2488791a23c54a2 Mon Sep 17 00:00:00 2001
From: Silke Pisulla <pisulla@cosmocode.de>
Date: Thu, 5 Jan 2017 11:18:53 +0100
Subject: [PATCH] color + hover + padding

---
 css/area_nav-breadcrumb.less   | 31 ++++++++++++++++---------------
 css/plugins/magic-matcher.less |  2 +-
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/css/area_nav-breadcrumb.less b/css/area_nav-breadcrumb.less
index 38b861e..e5c3e60 100755
--- a/css/area_nav-breadcrumb.less
+++ b/css/area_nav-breadcrumb.less
@@ -5,7 +5,7 @@
  */
 
 .breadcrumbs {
-    padding: @margin-small 1.8rem;
+    padding: (@margin-small + .2) 1.8rem @margin-small;
     border-bottom: 1px solid @color-border;
 
     > p {
@@ -20,24 +20,21 @@
             .sr-only();
         }
 
-        a {
-            &:hover,
-            &:focus,
-            &:active {
-                color: @color-nav;
-            }
-        }
-
         span.home {
             a {
                 .fontello();
                 .hide-text-show-before();
                 .icon-home();
 
-                height: 1em;
+                min-height: 1.8em;
                 width: auto;
+                box-sizing: border-box;
+                border: solid 1px transparent;
+                border-radius: 2px;
+                vertical-align: middle;
                 text-decoration: none;
-                transition: @transition color;
+                margin-top: -.2em;
+                transition: @transition border-color;
 
                 &:before {
                     font-size: 1rem;
@@ -47,21 +44,25 @@
                 &:hover,
                 &:focus,
                 &:active {
-                    color: @color-link-hover;
+                    border-color: @color-link;
                 }
             }
         }
+
+        bdi {
+            padding: .1em .1em 0;
+        }
     }
 
 
 /* + + + + +  icon list  + + + + + */
     .page-attributes {
+        list-style: none;
         float: right;
         display: inline-block;
-        list-style: none;
-        margin: 0;
-        padding: 0;
         max-width: 30%;
+        margin: -.2em 0 0;
+        padding: 0;
 
         > li {
             .btn-usertools-wrapper(); // uniform li
diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less
index b0e0741..d1963b1 100755
--- a/css/plugins/magic-matcher.less
+++ b/css/plugins/magic-matcher.less
@@ -39,7 +39,7 @@ a.jiralink {
     img {
         float: left;
         display: inline-block;
-        margin-top: 2px;
+        margin-top: .3em;
         margin-right: 3px;
     }