From 14785e75a506087c06d756ca3a5ac2bdfc04095e Mon Sep 17 00:00:00 2001
From: panicbit <panicbit.dev@gmail.com>
Date: Fri, 18 Dec 2015 20:44:52 +0100
Subject: [PATCH 1/3] Fix menu dropdown

---
 app/templates/application.hbs | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index 4a573059817..19cd4e52fc3 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -48,14 +48,12 @@
     </div>
 
     <div class='menu'>
-        <div class='dropdown-container'>
-            <button {{action 'toggleUserOptions'}}
-                    class='{{if showUserOptions "active"}} dropdown'>
+        {{#rl-dropdown-container class='dropdown-container'}}
+            {{#rl-dropdown-toggle class='dropdown'}}
                 Menu
                 <span class='arrow'></span>
-            </button>
-            <ul id='current-user-links'
-                class='{{if showUserOptions "open"}} dropdown'>
+            {{/rl-dropdown-toggle}}
+            {{#rl-dropdown tagName='ul' id='current-user-links' class='dropdown' closeOnChildClick='a:link'}}
                 <li>{{#link-to "crates"}}Browse All Crates{{/link-to}}</li>
                 {{#if session.currentUser}}
                     <li>{{#link-to 'dashboard'}}Dashboard{{/link-to}}</li>
@@ -70,8 +68,8 @@
                             value=search
                             enter="search"}}
                 </li>
-            </ul>
-        </div>
+            {{/rl-dropdown}}
+        {{/rl-dropdown-container}}
     </div>
 
     <div class='links'>

From 89004f5fc62941a303f3737d54d288a5366ae783 Mon Sep 17 00:00:00 2001
From: panicbit <panicbit.dev@gmail.com>
Date: Wed, 6 Jan 2016 18:47:34 +0100
Subject: [PATCH 2/3] Remove searchbar from dropdown menu

---
 app/styles/app.scss           | 8 --------
 app/templates/application.hbs | 6 ------
 2 files changed, 14 deletions(-)

diff --git a/app/styles/app.scss b/app/styles/app.scss
index 9080379b1f0..91cac7ab90d 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -72,14 +72,6 @@ body {
         right: 0;
         left: auto;
         min-width: 200px;
-
-        li.search {
-            padding: 5px;
-            input.search {
-                margin: 0;
-                border: 1px solid black;
-            }
-        }
     }
 
     input.search {
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index 19cd4e52fc3..b205b85c099 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -62,12 +62,6 @@
                 {{else}}
                     <li>{{#link-to "login"}}Log in with GitHub{{/link-to}}</li>
                 {{/if}}
-                <li class='search'>
-                    {{input type="text" class="search"
-                            placeholder="Search"
-                            value=search
-                            enter="search"}}
-                </li>
             {{/rl-dropdown}}
         {{/rl-dropdown-container}}
     </div>

From 8da68408407f5862738223039204e0929c0e2841 Mon Sep 17 00:00:00 2001
From: panicbit <panicbit.dev@gmail.com>
Date: Wed, 6 Jan 2016 20:19:14 +0100
Subject: [PATCH 3/3] Add mobile searchbar

---
 app/styles/app.scss           | 38 +++++++++++++++++++++++------------
 app/templates/application.hbs |  7 +++++++
 2 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/app/styles/app.scss b/app/styles/app.scss
index 91cac7ab90d..93f2435982d 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -74,19 +74,6 @@ body {
         min-width: 200px;
     }
 
-    input.search {
-        font-size: 90%;
-        border: none;
-        color: black;
-        outline: 0;
-        margin-left: 30px;
-        padding: 5px 5px 5px 25px;
-        background-image: url('/assets/search.png');
-        background-repeat: no-repeat;
-        background-position: 6px 6px;
-        @include border-radius(15px);
-    }
-
     button {
         background: none;
         outline: 0;
@@ -118,6 +105,31 @@ body {
     }
 }
 
+#header input.search, #mobile-search input.search {
+    font-size: 90%;
+    border: none;
+    color: black;
+    outline: 0;
+    margin-left: 30px;
+    padding: 5px 5px 5px 25px;
+    background-image: url('/assets/search.png');
+    background-repeat: no-repeat;
+    background-position: 6px 6px;
+    @include border-radius(15px);
+}
+
+#mobile-search {
+    display: none;
+    margin-bottom: 10px;
+    input.search {
+        width: 100%;
+        margin: 0;
+    }
+    @media only screen and (max-width: 820px) {
+        display: block;
+    }
+}
+
 span.small {
     color: $main-color-light;
     font-size: 80%;
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
index b205b85c099..357f37df43d 100644
--- a/app/templates/application.hbs
+++ b/app/templates/application.hbs
@@ -70,6 +70,13 @@
     </div>
 </div>
 
+<form id='mobile-search' class='search' action='/search' {{ action "search" on="submit" }} >
+    {{input type="text" class="search" name="q"
+            placeholder="Search"
+            value=search
+            tabindex="1"}}
+</form>
+
 <div id="main" class='inner-content'>
     <p id='flash' class={{if flashError "shown"}}>{{flashError}}</p>