1 files changed, 41 insertions, 37 deletions
diff --git a/import-layers/yocto-poky/bitbake/lib/toaster/toastergui/templates/detail_search_header.html b/import-layers/yocto-poky/bitbake/lib/toaster/toastergui/templates/detail_search_header.html
index 7bea3f47f..7a9865908 100644
--- a/import-layers/yocto-poky/bitbake/lib/toaster/toastergui/templates/detail_search_header.html
+++ b/import-layers/yocto-poky/bitbake/lib/toaster/toastergui/templates/detail_search_header.html
@@ -18,51 +18,55 @@ $(document).ready(function() {
   });
 });
 </script>
-<div class="row-fluid">
+
 {% if objects.paginator.count > 10 or request.GET.search %}
   {% if objects.paginator.count == 0 %}
-  <div class="alert">
-    <h3>No {{search_what}} found</h3>
-    <form id="searchform" class="input-append">
-  {% else %}
-    <form id="searchform" class="navbar-search input-append pull-left">
-  {% endif %}
+  <div class="alert alert-warning">
+    <h4>No {{search_what}} found</h4>
+    <form id="searchform" class="form-inline">
+      {% else %}
+      <form id="searchform" class="navbar-form navbar-left detail-page-controls">
+        {% endif %}
 
-      <input id="search" class="input-xlarge" type="text" placeholder="Search {{search_what}}" name="search" value="{% if request.GET.search %}{{request.GET.search}}{% endif %}">
-      <input type="hidden" value="name:+" name="orderby">
-      <input type="hidden" value="l" name="page">
-  {% if request.GET.search %}
-      <a class="add-on btn search-clear">
-        <i class="icon-remove"></i>
-      </a>
-  {% endif %}
-      <button type="submit" class="btn">Search</button>
-  {% if objects.paginator.count == 0 %}
-      <button type="submit" class="btn btn-link search-clear">
-        Show all {{search_what}}
-      </button>
-  {% endif %}
-    </form>
-{% endif %}
+        <div class="form-group">
+          <div class="btn-group">
+            <input id="search" class="form-control" type="text" placeholder="Search {{search_what}}" name="search" value="{% if request.GET.search %}{{request.GET.search}}{% endif %}">
+            <input type="hidden" value="name:+" name="orderby">
+            <input type="hidden" value="l" name="page">
+            {% if request.GET.search %}
+            <span class="remove-search-btn-detail-search search-clear glyphicon glyphicon-remove-circle"></span>
+            {% endif %}
+          </div>
+        </div>
+        <button type="submit" class="btn btn-default">Search</button>
+        {% if objects.paginator.count == 0 %}
+        <button type="submit" class="btn btn-link search-clear">
+          Show all {{search_what}}
+        </button>
+        {% endif %}
+      </form>
+      {% endif %}
 
-{% if objects.paginator.count == 0 %}
+      {% if objects.paginator.count == 0 %}
   </div> {# end alert #}
-{% else %}
+  {% else %}
   {% if object_count > 10 %}
-  <div class="pull-right">
-    <span class="help-inline" style="padding-top:5px;">Show rows:</span>
-    <select style="margin-top:5px;margin-bottom:0px;" class="pagesize">
-    {% with "10 25 50 100 150" as list%}
-      {% for i in list.split %}
+  <form class="navbar-form navbar-right">
+    <div class="form-group">
+      <label>Show rows:</label>
+      <select class="pagesize form-control">
+        {% with "10 25 50 100 150" as list%}
+        {% for i in list.split %}
         {% if request.session.limit == i %}
-      <option value="{{i}}" selected>{{i}}</option>
+        <option value="{{i}}" selected>{{i}}</option>
         {% else %}
-      <option value="{{i}}">{{i}}</option>
+        <option value="{{i}}">{{i}}</option>
         {% endif %}
-      {% endfor %}
-    {% endwith %}
-    </select>
-  </div>
+        {% endfor %}
+        {% endwith %}
+      </select>
+    </div>
+  </form>
   {% endif %}
 {% endif %}
-</div> {# row-fluid #}
+