Fix hamburger menu weirdness

public/css/main.less

@@ -237,10 +237,10 @@ ul {
 }
 
 .navbar-right {
-  @media (min-width: 767px) {
+  @media (min-width: 768px) {
     padding-right: 50px;
   }
-  @media (max-width: 991px) and (min-width: 767px) {
+  @media (max-width: 991px) and (min-width: 768px) {
     position: absolute;
     right:0;
     margin-right: 10px;
@@ -249,6 +249,7 @@ ul {
 }
 .navbar {
   white-space: nowrap;
+  border: none;
 }
 
 .panel-body {
@@ -494,6 +495,12 @@ thead {
   }
 }
 
+.hamburger-dropdown {
+  @media (max-width: 768px) {
+    margin-top:  -5px;
+  }
+}
+
 //uncomment this to see the dimensions of all elements outlined in red
 //* {
 //  border-color: red;

views/layout.jade

@@ -1,10 +1,10 @@
 doctype html
 html(ng-app='profileValidation')
   head
+    script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js')
     script(src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")
     script(src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js")
     script(src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.0/ui-bootstrap-tpls.min.js")
-    script(src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js')
     link(rel='shortcut icon', href='//s3.amazonaws.com/freecodecamp/favicon.ico')
     link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css')
     link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css')

views/partials/navbar.jade

@@ -9,7 +9,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
       a.navbar-brand(href='/')
         img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg')
     .collapse.navbar-collapse
-      ul.nav.navbar-nav.navbar-right
+      ul.nav.navbar-nav.navbar-right.hamburger-dropdown
         - if (!cc)
           li
             a(href='/challenges/0') Challenges