Updated search bar with a search button and css for it

app/styles/style.css

@@ -4,17 +4,24 @@
 #search-input {
   text-align: center;
 }
+
+
 #search-bar {
   background: none;
   width: 100%;
   top: 44px;
   height: 70px;
   z-index: 3;
+
 }
 #search-bar .item {
+  width: 90%;
+  float: left;
   background: none;
+  padding: 0.3%;
   border: none;
 }
+
 #content {
   top: 44px;
   padding-top: 45px;

app/templates/tab-search.html

@@ -4,14 +4,22 @@
     <h4>Which book you wish to read today?</h4>
 
     <!-- Search bar follows-->
-    <div id="search-bar">
-      <div class="item item-input-inset">
-        <label class="item-input-wrapper" id="search-input">
-          <i class="icon ion-search placeholder-icon"></i>
-          <input type="text" placeholder="Search" ng-model="query" ng-change="search()">
-        </label>
+
+      <div id="search-bar">
+
+        <div class="item item-input-inset">
+          <label class="item-input-wrapper" id="search-input">
+            <i class="icon ion-search placeholder-icon"></i>
+            <input type="text" placeholder="Search">
+          </label>
+        </div>
+
+
+        <div class="anchor">
+          <a class="button button-dark">Search</a>
+        </div>
+
       </div>
-    </div>
 
     <!-- List will be shown here -->
     <p>Following list be shown only on search</p>