From 6e1d5968bc4f2a2cc7d5837963ff97aa837e760b Mon Sep 17 00:00:00 2001
From: Quincy Larson <michaelqlarson@gmail.com>
Date: Fri, 5 Jun 2015 22:11:30 -0700
Subject: [PATCH] improve mobile menu

---
 public/css/main.less       |  8 ++++----
 views/partials/navbar.jade | 11 ++---------
 2 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/public/css/main.less b/public/css/main.less
index 91a643a8c4..e320e76aeb 100644
--- a/public/css/main.less
+++ b/public/css/main.less
@@ -610,8 +610,9 @@ thead {
 }
 
 .hamburger-dropdown {
-  @media (max-width: 768px) {
-    margin-top:  -5px;
+  margin-top:  -5px !important;
+  @media (min-width: 768px) and (max-width: 991px) {
+    width: 105%;
   }
 }
 
@@ -884,8 +885,7 @@ iframe.iphone {
 .hamburger-text {
   line-height: 0.75em;
   margin-top: 10px;
-  font-size: 16px;
-  margin-left: -8px;
+  font-size: 18px;
 }
 
 .tight-h3 {
diff --git a/views/partials/navbar.jade b/views/partials/navbar.jade
index f237d24167..2cacd3fc32 100644
--- a/views/partials/navbar.jade
+++ b/views/partials/navbar.jade
@@ -1,13 +1,8 @@
 nav.navbar.navbar-default.navbar-fixed-top.nav-height
     .navbar-header
         button.hamburger.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
-            .col-xs-6
+            .col-xs-12
                 span.hamburger-text Menu
-            .col-xs-6
-                span.sr-only Toggle navigation
-                span.icon-bar
-                span.icon-bar
-                span.icon-bar
         a.navbar-brand(href='/')
             img.img-responsive.nav-logo(src='https://s3.amazonaws.com/freecodecamp/freecodecamp_logo.svg.gz', alt='learn to code javascript at Free Code Camp logo')
     .collapse.navbar-collapse
@@ -28,7 +23,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
                 a(href='/news') News
             li
                 a(href='/field-guide') Guide
-            li.hidden-xs.hidden-sm
+            li
                 a(href='/jobs') Jobs
             if !user
                 li &thinsp; &thinsp; &thinsp;
@@ -37,9 +32,7 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
             else
                 li
                     if (user.profile.username)
-
                         a(href='/' + user.profile.username) [&nbsp;#{user.progressTimestamps.length}&nbsp;]
-
                     else
                         a(href='/account') [&thinsp;#{user.progressTimestamps.length}&thinsp;]
                 .hidden-xs.hidden-sm