tweaks for sponsor logo placements

Author: ewdurbin

sponsors/templatetags/sponsors.py

@@ -23,7 +23,7 @@ def full_sponsorship(sponsorship, display_fee=False):
 def list_sponsors(logo_place, publisher=PublisherChoices.FOUNDATION.value):
     sponsorships = Sponsorship.objects.enabled().with_logo_placement(
         logo_place=logo_place, publisher=publisher
-    ).select_related('sponsor')
+    ).order_by('package').select_related('sponsor')
     packages = SponsorshipPackage.objects.all()
 
     context = {

templates/sponsors/partials/sponsors-list.html

@@ -4,18 +4,22 @@
   <h2 class="widget-title">Sponsors</h2>
   <p>Visionary sponsors help to host Python downloads.</p>
   {% for sponsorship in sponsorships %}
-  {% thumbnail sponsorship.sponsor.web_logo "x100" format="PNG" quality=100 as im %}
-    <img src="{{ im.url }}" alt="{{ sponsorship.sponsor.name }} logo" height="100px">
+  {% thumbnail sponsorship.sponsor.web_logo "x200" format="PNG" quality=100 as im %}
+    <img src="{{ im.url }}" alt="{{ sponsorship.sponsor.name }} logo" style="max-height:200px;max-width:200px;height:auto;width:auto;">
   {% endthumbnail %}
   {% endfor %}
 
 {% elif logo_place == "jobs" %}
   <h3 class="widget-title">Job Board Sponsors</h3>
+  <div style="display: grid; grid-gap: 1em; grid-template-columns: repeat(auto-fit, minmax(100px, 0fr)); grid-template-rows: repeat(1, minmax(50px, 0fr)); align-items: center; justify-content: center; margin-top: 1em;">
   {% for sponsorship in sponsorships %}
   {% thumbnail sponsorship.sponsor.web_logo "x100" format="PNG" quality=100 as im %}
-    <img src="{{ im.url }}" alt="{{ sponsorship.sponsor.name }} logo" height="100px">
+    <div>
+      <img src="{{ im.url }}" alt="{{ sponsorship.sponsor.name }} logo" style="max-height:100px;max-width:100px;height:auto;width:auto;">
+    </div>
   {% endthumbnail %}
   {% endfor %}
+  </div>
 
 {% elif logo_place == "sponsors" %}