updating search results listings to use listing class for styling

opentech/public/search/templates/search/search.html

@@ -4,19 +4,8 @@
 {% block page_title %}Search results{% endblock %}
 {% block title %}{% if search_query %}Search results for “{{ search_query }}”{% else %}Search{% endif %}{% endblock %}
 {% block content %}
-    {% get_search_promotions search_query as search_picks %}
-    {% if search_picks %}
-         <ul>
-            {% for pick in search_picks %}
-                <li>
     <div class="wrapper wrapper--small wrapper--top-bottom-inner-space">
         <h2 class="heading heading--no-margin">{% if search_query %}Search results for &ldquo;{{ search_query }}&rdquo;{% else %}Search{% endif %}</h2>
-                    {% include "search/includes/search_result.html" with result=pick.page.specific %}
-                </li>
-             {% endfor %}
-         </ul>
-    {% endif %}
-
 
         {% if search_results %}
             {% with count=search_results.paginator.count %}
@@ -26,20 +15,27 @@
             <p>No results found.</p>
         {% endif %}
 
-        <ul>
-            {% for result in search_results %}
-                <li>
-                    {% include "search/includes/search_result.html" with result=result.specific %}
-                </li>
-            {% endfor %}
-        </ul>
-
-        {% include "includes/pagination.html" with paginator_page=search_results %}
         <form class="form" action="{% url 'search' %}" method="get" role="search">
             <input class="input input--bottom-space" type="text" placeholder="Search…" name="query"{% if search_query %} value="{{ search_query }}"{% endif %}>
             <input class="link link--button" type="submit" value="Search">
         </form>
 
+        {% get_search_promotions search_query as search_picks %}
+        {% if search_picks %}
+            <div class="wrapper wrapper--listings">
+                {% for pick in search_picks %}
+                    {% include "search/includes/search_result.html" with result=pick.page.specific %}
+                {% endfor %}
+            </div>
+        {% endif %}
 
+        {% if search_results %}
+            <div class="wrapper wrapper--listings">
+                {% for result in search_results %}
+                    {% include "search/includes/search_result.html" with result=result.specific %}
+                {% endfor %}
+            </div>
+            {% include "includes/pagination.html" with paginator_page=search_results %}
+        {% endif %}
     </div>
 {% endblock %}