Merge pull request #410 from martindale/mobile-support

Make search a first-order feature on mobile.

public/views/includes/header.html

@@ -15,7 +15,7 @@
           <a href="/{{item.link}}">{{item.title}}</a>
         </li>
       </ul>
-      <form data-ng-controller="SearchController" class="navbar-form navbar-left" role="search" data-ng-submit="search()">
+      <form data-ng-controller="SearchController" class="navbar-form navbar-left hidden-xs" role="search" data-ng-submit="search()">
         <div class="form-group" data-ng-class="{'has-error': badQuery}">
           <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address">
         </div>

public/views/includes/search.html

@@ -0,0 +1,6 @@
+<form data-ng-controller="SearchController" class="visible-xs" role="search" data-ng-submit="search()">
+  <div class="form-group" data-ng-class="{'has-error': badQuery}">
+    <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address">
+    </div>
+  <div class="no_matching text-danger" data-ng-show="badQuery">No matching records found!</div>
+</form>

public/views/index.html

@@ -6,6 +6,9 @@
   <div class="container">
     <div id="home" class="row">
       <div class="col-xs-12 col-md-8">
+
+        <div data-ng-include src="'/views/includes/search.html'"></div> 
+
         <h1>Latest Blocks</h1>
         <table class="table table-hover table-striped" style="table-layout: fixed">
           <thead>