Add 'toggle mobile' item to menu + minor styling

app/assets/stylesheets/header.scss

@@ -9,6 +9,14 @@ header > .dark-header > nav {
 
   @media (max-width: $grid-float-breakpoint-max) {
     .col-lg-10 { padding: 0; }
+    #navbar-collapse {
+      &.collapse.in {  overflow: visible; }
+      .form-group, .twitter-typeahead  {
+        display: block !important;
+        margin-bottom: 0;
+        &, & input { width: 100% }
+      }
+    }
   }
   @media (min-width: $grid-float-breakpoint) {
     input[type="search"] {

app/assets/templates/header_tpl.jst.hbs

@@ -94,6 +94,7 @@
                 {{#if current_user.admin}}
                   <li><a href="/admins/dashboard">{{t "header.admin"}}</a></li>
                 {{/if}}
+                <li class="visible-sm visible-xs"><a href="/mobile/toggle">{{t "header.toggle_mobile"}}</a></li>
                 <li><a href="/users/sign_out" data-method="delete">{{t "header.log_out"}}</a></li>
               </ul>
             </li>

config/locales/javascript/javascript.en.yml

@@ -228,6 +228,7 @@ en:
       admin: "Admin"
       log_out: "Log out"
       toggle_navigation: "Toggle navigation"
+      toggle_mobile: "Toggle mobile"
 
       notifications: "Notifications"
       conversations: "Conversations"