Make drilldown menu "Back" arrow part of the <a>

Makes the drilldown menu's "Back" arrows to be pseudo-element of the "Back" <a> rather than the <li>.  This provides consistency with the "forward" arrows and makes them clickable.

diff --git a/scss/components/_drilldown.scss b/scss/components/_drilldown.scss
index 2101802cc28c11ee42af7b1cee685ecdf80cafc1..7e2b42616edc1392db948009728c3b58172555c7 100644 (file)
--- a/scss/components/_drilldown.scss
+++ b/scss/components/_drilldown.scss
@@ -64,12 +64,12 @@ $drilldown-background: $white !default;
       }
     }
 
-    .js-drilldown-back::before {
+    .js-drilldown-back a::before {
       @include css-triangle(6px, $drilldown-arrow-color, $global-left);
-      float: $global-left;
+      border-#{$global-left}-width: 0;
+      display: inline-block;
+      vertical-align: middle;
       margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text
-      margin-#{$global-left}: 0.6rem; // Lines the tip of the arrow with the items below
-      margin-top: 14px; // Aligns the arrow with the text
     }
   }
 }