added responsive resizing of search bar depending on bootstap breakpoints, and...

added responsive resizing of search bar depending on bootstap breakpoints, and a missing endswith tag

bookshare/trades/templates/search/search.html

@@ -17,11 +17,13 @@ SRCT Bookshare • Search Listings
 
 <form class="form-horizontal" method="get" action=".">
   <div class="form-group">
-    <label for "id_q" class="col-md-1 col-md-offset-4 control-label"><strong>Search</strong></label>
-    <div class="col-md-2">
+    <label for "{{ form.q.id_for_label }}" class="col-lg-1 col-lg-offset-2 col-md-2 col-md-offset-1 col-sm-2 col-xs-12">
+      <strong>Search</strong>
+    </label>
+    <div class="col-lg-6 col-md-6 col-sm-9 col-xs-10">
       {{ form.q }}
     </div>
-    <button type="submit" class="btn btn-default"><i class="fa fa-search fa-fw fa-lg"></i></button>
+  <button type="submit" class="btn btn-default"><i class="fa fa-search fa-fw fa-lg"></i></button>
   </div>
 </form>
 
@@ -70,6 +72,7 @@ SRCT Bookshare &bull; Search Listings
           <h5>${{ listing.price }}</h5>
         </td>
       </tr>
+      {% endwith %}
     {% empty %}
       <h4 class="text-center">No results found.</h4>
     {% endfor %}