commit af640b5b0a6c674b0c17a90c7f9c1d34227d96b6 Author: Raphael Bergmann <raphael@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>