Updated search page for ui changes

public/modules/details/views/details.html

-<div class="details" data-ng-controller="DetailsController">
+<div class="container details" data-ng-controller="DetailsController">
     <div class="col-lg-12">
         <h3>{{details.$id$.id}}</h3>
         <div class="lineage" data-ng-include="'/modules/lineage/views/lineage.html'"></div>

public/modules/search/views/search.html

-<div class="container" data-ng-controller="SearchController">
-    <form name="form" novalidate>
-        <div class="row">
-            <div class="col-sm-offset-1 col-lg-5">
-                <div class="input-group">
+<div data-ng-controller="SearchController">
+    <div class="search">
+        <form name="form" novalidate class="container">
+            <div class="col-lg-7">
+                <div class="row input-group">
                     <input type="text" class="form-control" placeholder="Search" data-ng-model="query" data-typeahead="type for type in types" required/>
                     <span class="input-group-btn">
-                        <button class="btn btn-default" type="submit" data-ng-disabled="form.$invalid" data-ng-click="search(query)"><i class="glyphicon glyphicon-search white "></i></button>
+                        <button class="btn btn-success" type="submit" data-ng-disabled="form.$invalid" data-ng-click="search(query)">
+                            <i class="glyphicon glyphicon-search white "></i>
+                        </button>
                     </span>
                 </div>
-            </div>
-        </div>
                 <div class="row">
-            <div class="col-sm-offset-1 col-lg-6">
-                <small class="small-txt">Examples : property=HiveLineage.executionEngine&text=tez</small><br/>
-                <small class="small-txt">property=type&text=HiveLineage</small><br/>
+                    <small class="small-txt">Examples : property=HiveLineage.executionEngine&text=tez</small>
+                    <br/>
+                    <small class="small-txt">property=type&text=HiveLineage</small>
+                    <br/>
                     <small class="small-txt">property=type&text=hive_table</small>
                 </div>
             </div>
+        </form>
+    </div>
+    <div class="container">
         <div class="row">
-            <div class="col-sm-offset-1 col-lg-11" data-ui-view=""></div>
+            <div class="col-lg-11" data-ui-view=""></div>
+        </div>
     </div>
-    </form>
 </div>

public/modules/search/views/searchResult.html

-<h4>"{{query}}" results</h4>
+<h4>Result for query: "{{query}}"</h4>
 <ul class="list-unstyled">
     <li ng-repeat="result in results">
         <div data-ng-if="typeAvailable()" data-ng-include="'/modules/search/views/types/'+result.type.toLowerCase()+'.html'"></div>

public/views/index.html

@@ -6,7 +6,7 @@
 <header class="navbar navbar-static-top navbar-top" data-role="navigation">
     <div class="container" data-ng-include="'/modules/home/views/header.html'"></div>
 </header>
-<div class="container">
+<div class="content">
     <div data-ng-include="'/modules/notification/views/notifications.html'"></div>
     <div data-ui-view></div>
 </div>