From 129db06b7e68d6814eaf377f05e2f97b472baeda Mon Sep 17 00:00:00 2001
From: Joshua Barnett <joshb@speechmatics.com>
Date: Mon, 13 Mar 2017 17:33:14 +0000
Subject: [PATCH] Laid out navbar using flex box.

---
 src/app/shared/navbar/navbar.html | 2 +-
 src/app/shared/navbar/navbar.scss | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/app/shared/navbar/navbar.html b/src/app/shared/navbar/navbar.html
index 9471dfe7f..e40dba273 100644
--- a/src/app/shared/navbar/navbar.html
+++ b/src/app/shared/navbar/navbar.html
@@ -8,7 +8,7 @@
   </a>
   <a md-button routerLink="components">Components</a>
   <a md-button routerLink="guides">Guides</a>
-  <a md-button class="pull-right" href="https://github.com/angular/material2" aria-label="GitHub Repository">
+  <a md-button href="https://github.com/angular/material2" aria-label="GitHub Repository">
     <img class="docs-github-logo"
          src="../../../assets/img/homepage/github-circle-white-transparent.svg"
          alt="GitHub">
diff --git a/src/app/shared/navbar/navbar.scss b/src/app/shared/navbar/navbar.scss
index 1c4cf9763..a6db42611 100644
--- a/src/app/shared/navbar/navbar.scss
+++ b/src/app/shared/navbar/navbar.scss
@@ -1,5 +1,13 @@
 .docs-navbar {
+  display: flex;
+  flex-wrap: wrap;
   padding: 8px 16px;
+
+  > .mat-button {
+    &:last-child {
+      margin-left: auto;
+    }
+  }
 }
 
 .docs-angular-logo {