Tweaks for sponsor logo placements (pypi#10367)

Follows on from pypi#9979

- Updates CSP for connect-src used for placement view reporting
- Tweaks CSS to better style/differentiate logo placement

Author: ewdurbin

tests/unit/test_csp.py

@@ -202,6 +202,7 @@ def test_includeme():
                         "'self'",
                         "https://api.github.com/repos/",
                         "*.fastly-insights.com",
+                        "*.ethicalads.io",
                         "sentry.io",
                         "https://api.pwnedpasswords.com",
                         "https://2p66nmmycsj3.statuspage.io",

warehouse/csp.py

@@ -81,6 +81,7 @@ def includeme(config):
                     SELF,
                     "https://api.github.com/repos/",
                     "*.fastly-insights.com",
+                    "*.ethicalads.io",
                     "sentry.io",
                     "https://api.pwnedpasswords.com",
                 ]

warehouse/static/sass/blocks/_sidebar-section.scss

@@ -38,16 +38,30 @@
     @include link-focus-state($primary-color);
   }
 
+  .ethical-sidebar {
+    border: 2px solid $border-color;
+    border-radius: 5px;
+    padding: 1rem 1rem .25rem 1em;
+  }
+
   .ethical-content {
-    text-align-last: center;
-    text-align: left;
+    text-align: center;
 
     img {
       width: 60%;
       display: inline-block;
     }
   }
 
+  .ethical-image-link {
+    @include link-without-underline;
+  }
+
+  .ethical-text {
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+  }
+
   &:last-of-type {
     margin-bottom: 0;
     padding-bottom: 0;