[tor-commits] [atlas/master] Always show the search box in mobile view

[irl at torproject.org]

commit af640b5b0a6c674b0c17a90c7f9c1d34227d96b6
Author: Raphael Bergmann <raphael at cc-ltd.net>
Date:   Thu Mar 2 17:49:09 2017 +0100

    Always show the search box in mobile view
---
 css/style.css | 15 +++++++++++++++
 index.html    |  6 +++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index f0d5326..46591f9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -86,6 +86,21 @@ input {
 }
 
 @media screen and (max-width: 980px) {
+    .nav-collapse ul {
+        padding-top:20px;
+    }
+    .navbar-search {
+        float: none;
+        margin: -5px 0 -6px -10px;
+        border-top: 0;
+        border-bottom: 0;
+        width:200px;
+        max-width:30%;
+        display:inline-block;
+    }
+    .navbar-search input {
+        max-width:100%;
+    }
     .splash h1 {
         font-size:40px;
     }
diff --git a/index.html b/index.html
index 57dab8c..9ba5f35 100644
--- a/index.html
+++ b/index.html
@@ -42,15 +42,15 @@
             <span class="icon-bar"></span>
           </a>
           <a class="brand" href="#"><img src="img/atlas.png" alt="Home" /></a>
+          <form id="nav-search" class="navbar-search pull-right">
+              <input type="text" class="search-query" placeholder="Search">
+          </form>
           <div class="nav-collapse">
             <ul class="nav navbar-nav">
               <li><a href="#/">Home</a></li>
               <li><a href="#/about">About</a></li>
               <li><a href="#/top10">Top 10 Relays</a></li>
             </ul>
-            <form id="nav-search" class="navbar-search pull-right">
-                <input type="text" class="search-query" placeholder="Search">
-            </form>
           </div>
         </div>
       </div>