Remove non-functional elements from search results page

mysociety · Oct 2, 2024 · 066b898 · 066b898
1 parent ac1ce20
commit 066b898
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 24 deletions.
diff --git a/neighbourhood/templates/neighbourhood/includes/search_result.html b/neighbourhood/templates/neighbourhood/includes/search_result.html
@@ -1,6 +1,6 @@
 {% load boring_avatars %}
 
-<div class="p-3 p-md-4 bg-white border rounded d-block mb-3 mb-md-4 position-relative">
+<div class="p-3 p-md-4 bg-white border rounded d-block mb-3 mb-md-4 position-relative mw-40rem">
     <h2 class="mb-4"><a href="{% url 'team' team.slug %}" class="stretched-link">{{ team.name }}</a></h2>
     <div class="mb-3 d-flex align-items-center">
       {% for member in team.confirmed_members.all %}

diff --git a/neighbourhood/templates/neighbourhood/search_results.html b/neighbourhood/templates/neighbourhood/search_results.html
@@ -25,38 +25,23 @@ <h2 class="mt-6 mb-4">
 
         <div class="d-flex align-items-center mx-n1 my-4 overflow-auto">
             <span class="mx-2 fw-bold">Show:</span>
-            <span class="btn btn-success mx-2 flex-shrink-0 d-flex align-items-center">
+            <span class="btn btn-sm btn-success mx-2 flex-shrink-0 d-flex align-items-center">
                 {% include 'neighbourhood/icons/fa-check-solid.html' with classes='me-2' %}
                 All teams
             </span>
-            <span class="btn btn-outline-dark mx-2 flex-shrink-0">Biggest impact</span>
-            <span class="btn btn-outline-dark mx-2 flex-shrink-0">Quick &amp; easy</span>
-            <span class="btn btn-outline-dark mx-2 flex-shrink-0">Save the pennies</span>
+            <span class="btn btn-sm btn-outline-dark mx-2 flex-shrink-0">Biggest impact</span>
+            <span class="btn btn-sm btn-outline-dark mx-2 flex-shrink-0">Quick &amp; easy</span>
+            <span class="btn btn-sm btn-outline-dark mx-2 flex-shrink-0">Save the pennies</span>
         </div>
 
-        <div class="row mb-n3 mb-md-n4">
-            <div class="col-sm-6">
-              {% for team in teams %}
-                {% include 'neighbourhood/includes/search_result.html' with team=team %}
-              {% endfor %}
-            </div>
-            <div class="col-sm-6 d-flex">
-                <div class="rounded border mb-3 mb-md-4 flex-grow-1 d-flex align-items-center justify-content-center" style="min-height: 10rem; background-image: url('{% static 'img/map.svg' %}'); background-size: cover;">
-                    {% include 'neighbourhood/icons/pin.html' with width="3rem" height="auto" classes="text-danger" %}
-                </div>
-            </div>
-        </div>
-
-        <h2 class="mt-6 mw-40rem">All too far away?</h2>
-
-        <p class="fs-5 mb-0">Don’t worry, there are still things you can do…</p>
+        {% for team in teams %}
+        {% include 'neighbourhood/includes/search_result.html' with team=team %}
+        {% endfor %}
 
       {% else %}
 
         <h2 class="mt-6 mw-40rem">There aren’t any teams in your neighbourhood yet</h2>
 
-        <p class="fs-5 mb-0">But don’t worry, there are still things you can do…</p>
-
       {% endif %}
 
       {% if can_create_teams %}
@@ -69,7 +54,8 @@ <h3>Start a team for your neighbourhood</h3>
                 </div>
             </div>
         </div>
-        {% endif %}
+      {% endif %}
+      {% comment %}
         <div class="row">
             <div class="col-sm-6 d-flex">
                 <div class="p-3 p-md-4 bg-white border rounded mt-4 mw-40rem">
@@ -79,6 +65,7 @@ <h3>Get notified about changes nearby</h3>
                 </div>
             </div>
         </div>
+      {% endcomment %}
 
     </div>
 </div>