From 5f2c5f67064a90492290199f81a3d63cd5978436 Mon Sep 17 00:00:00 2001
From: Paul Visscher <paulv@sfconservancy.org>
Date: Fri, 25 Apr 2025 18:12:09 -0400
Subject: [PATCH] make some css tweaks to automatically size the logos
 correctly...I think?

---
 conservancy/static/css/conservancy.css         | 7 +++++++
 conservancy/templates/supporters/sponsors.html | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/conservancy/static/css/conservancy.css b/conservancy/static/css/conservancy.css
index ed671721..efd76ea3 100644
--- a/conservancy/static/css/conservancy.css
+++ b/conservancy/static/css/conservancy.css
@@ -694,3 +694,10 @@ details summary {
 {
   background-color: var(--orange-dimmer);
 }
+
+.sponsor-logo-sizing {
+    max-height: 250px;
+    max-width:  250px;
+    width:      auto;
+    height:     auto;
+}
diff --git a/conservancy/templates/supporters/sponsors.html b/conservancy/templates/supporters/sponsors.html
index 17e0694b..9f48926f 100644
--- a/conservancy/templates/supporters/sponsors.html
+++ b/conservancy/templates/supporters/sponsors.html
@@ -27,6 +27,7 @@ contributions.  Conservancy graciously thanks these sponsors for their
 support, but doesn't necessarily endorse nor promote any specific activity of
 any of its sponsors.</p>
 
+<div class="sponsor-logo-sizing">
 <!-- logos should be 250x250 maximum. -->
 <ul id="sponsor">
 <li></li>
@@ -47,6 +48,7 @@ any of its sponsors.</p>
 <li><img src="{% static 'img/sponsors/bloomberg.png' %}" height="244" width="250" alt="bloomberg engineering" /></li>
 <li><img src="{% static 'img/sponsors/codethink.png' %}" height="244" width="250" alt="codethink" /></li>
 </ul>
+</div>
 
 <!-- This section will be added when we have in-kind contributions -->