Fix IE8 focus styles for dashed contents items

Focus styles on IE8 and older include the left margin, creating an odd
white box with orange border around the em dash. Use inline-block and
vertical alignment to fix focus styles.

#420 (comment)
0632386

app/assets/stylesheets/components/_contents-list.scss

@@ -39,6 +39,18 @@
     content: "— ";
     margin-left: -$contents-spacing;
   }
+
+  // Focus styles on IE8 and older include the
+  // left margin, creating an odd white box with
+  // orange border around the em dash.
+  // Use inline-block and vertical alignment to
+  // fix focus styles
+  //
+  // https://github.com/alphagov/government-frontend/pull/420#issuecomment-320632386
+  .lte-ie8 & .app-c-contents-list__link {
+    display: inline-block;
+    vertical-align: top;
+  }
 }
 
 .app-c-contents-list__list-item--numbered {