Laid out navbar using flex box.

angular · Mar 13, 2017 · 129db06 · 129db06
1 parent 941c5dc
commit 129db06
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -1,5 +1,13 @@
 .docs-navbar {
+  display: flex;
+  flex-wrap: wrap;
   padding: 8px 16px;
+
+  > .mat-button {
+    &:last-child {
+      margin-left: auto;
+    }
+  }
 }
 
 .docs-angular-logo {