Merge pull request #3685 from teovin/partner-logos-sizing

adjust lil and wr logos

perma_web/perma/templates/landing.html

@@ -61,7 +61,7 @@ <h6 class="image-hed">Perma.cc is a simple way <span class="_noWrap">to preserve
                     height="400"
                     width="400"
                     class="img-responsive"
-                    alt="An illustration of the Perma.cc create page: a simple form. The URL from step 1 appears in the input field, and there is a button labelled 'Create Perma Link'">
+                    alt="An illustration of the Perma.cc create page: a simple form. The URL from step 1 appears in the input field, and there is a button labeled 'Create Perma Link'">
               </a>
             </div>
           </div>
@@ -218,7 +218,7 @@ <h2 class="section-title">It’s easy to make and use a Perma Link.</h2>
     <div class="container cont-fixed" id="step-two">
       <div class="row row-modules">
         <div class="col-xs-12 col-sm-7">
-          <img src="{{ STATIC_URL }}img/create-step-2.png" loading="lazy" height="400" width="400" class="img-responsive img-sxs right" alt="An illustration of the Perma.cc create page: a simple form. The URL from step 1 appears in the input field, and there is a button labelled 'Create Perma Link'"/>
+          <img src="{{ STATIC_URL }}img/create-step-2.png" loading="lazy" height="400" width="400" class="img-responsive img-sxs right" alt="An illustration of the Perma.cc create page: a simple form. The URL from step 1 appears in the input field, and there is a button labeled 'Create Perma Link'"/>
         </div>
         <div class="col-xs-12 col-sm-5 first">
           <p class="caption caption-sxs"><strong class="num">Step 2 </strong><strong>Add your URL to Perma.cc.</strong> Select Create Perma Link and Perma.cc does the rest.</p>
@@ -323,7 +323,7 @@ <h2>Perma.cc’s Supporting Partners</h2>
           <a href="http://imls.gov/"><img src="{{ STATIC_URL }}img/supporting-partners/IMLS-bw.jpg" alt="IMLS" class="square"></a>
           <a href="http://archive.org/index.php" class="square"><img src="{{ STATIC_URL }}img/supporting-partners/IA-bw.gif" alt="Internet Archive" class="square"></a>
           <a href="https://www.cloudflare.com/"><img src="{{ STATIC_URL }}img/supporting-partners/cf-logo-h-gray.png" alt="CloudFlare, Inc."></a>
-          <a href="https://webrecorder.net/"><img src="{{ STATIC_URL }}img/supporting-partners/webrecorder-lockup-black.png" alt="Webrecorder"></a>
+          <a href="https://webrecorder.net/"><img src="{{ STATIC_URL }}img/supporting-partners/webrecorder-lockup-black.png" alt="Webrecorder" class="wide"></a>
           <a href="http://dp.la/"><img src="{{ STATIC_URL }}img/supporting-partners/DPLA-bw.gif" alt="Digital Public Library of America"></a>
           <a href="http://lipalliance.org/"><img src="{{ STATIC_URL }}img/supporting-partners/LIPA-bw.gif" alt="Legal Information Preservation Alliance"></a>
           <a href="http://cyber.law.harvard.edu/"><img src="{{ STATIC_URL }}img/supporting-partners/Berkman-bw.jpg" alt="Berkman Klein Center for Internet &amp; Society"></a>

perma_web/static/css/style-responsive.scss

@@ -5362,6 +5362,13 @@ section .caption {
   }
 }
 
+#supporting-partners a img.wide {
+  padding: $grid;
+  @include respond-tablet {
+    padding: $double;
+  }
+}
+
 .row-stats {
   margin-bottom: $grid;
   margin-top: $grid * 3;