Limit sponsors logo size via CSS (#9708)

* Limit footer sponsors's logo to match same max-width as name and service description

* Add missing div from PSF sponsors list to match same HTML structure as the other grids

* Increate height spacing and limit logo sizes with padding

Author: berinhard

warehouse/static/sass/blocks/_sponsor-grid.scss

@@ -90,7 +90,7 @@
     }
 
     &__sponsor-img {
-      height: 150px;
+      height: 200px;
       width: 250px;
       max-width: 100%;
       margin: 0 auto;
@@ -101,6 +101,10 @@
       @media screen and (max-width: $mobile) {
         height: 130px;
       }
+
+      img {
+        padding: 2em;
+      }
     }
 
     &__sponsor-activity {

warehouse/static/sass/blocks/_sponsors.scss

@@ -72,7 +72,7 @@
   }
 
   &__image {
-    max-height: 45px;
+    max-width: 100px;
     opacity: 0.8;
 
     @media only screen and (max-width: $tablet) {

warehouse/templates/pages/sponsors.html

@@ -117,9 +117,11 @@ <h2 class="sponsor-grid__sponsor-name">Your company here</h2>
           <div class="sponsor-grid__sponsor-img">
             {{ sponsor.color_logo_img|camoify|safe }}
           </div>
-          <h2 class="sponsor-grid__sponsor-name">{{ sponsor.name }}</h2>
-          <div class="sponsor-grid__sponsor-activity">
-          {{ sponsor.activity|safe }}
+          <div class="sponsor-grid__sponsor-description">
+            <h2 class="sponsor-grid__sponsor-name">{{ sponsor.name }}</h2>
+            <div class="sponsor-grid__sponsor-activity">
+            {{ sponsor.activity|safe }}
+            </div>
           </div>
           <a href="{{ sponsor.link_url }}" target="_blank" rel="noopener" class="sponsor-grid__sponsor-link button">Visit {{ sponsor.name }}</a>
         </div>