Add icon denoting external nav docs link (ev3dev#351)

WasabiFan · web-flow · commit 4b15b53652dc · 2017-03-10T15:31:20.000-08:00
diff --git a/_includes/page-core/page-header.html b/_includes/page-core/page-header.html
@@ -35,7 +35,10 @@
                                 <a href="/docs/networking">Networking</a>
                             </li>
                             <li>
-                                <a href="/docs/driver-overview">Hardware Drivers</a>
+                                <a href="http://docs.ev3dev.org/projects/lego-linux-drivers/en/ev3dev-jessie/">
+                                    Hardware Drivers
+                                    <i class="fa fa-external-link external-link-nav-icon" aria-hidden="true"></i>
+                                </a>
                             </li>
                             <li role="separator" class="divider"></li>
                             <li>
diff --git a/stylesheets/site-structure.scss b/stylesheets/site-structure.scss
@@ -34,6 +34,12 @@
     margin-right: 8px;
 }
 
+// Link icon after nav items
+.external-link-nav-icon {
+    margin-left: 6px;
+    font-size: smaller;
+}
+
 // Alert icons
 .alert span.glyphicon,
 .panel span.glyphicon,
