Attribution box: shrink the icon less, add some margins and support smaller images.

Author: rczajka

css/cc-attribution-box.css

@@ -1,6 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
 
 .cc-attribution-box-container {
+    display: inline-block;
     position: relative;
 }
 .cc-attribution-box {
@@ -23,15 +24,18 @@
     line-height: 22px;
 }
 .cc-attribution-box > * {
-    margin: 0 5px;
+    margin: 5px;
 }
 .cc-attribution-box a {
     color: black;
     text-decoration: none;
 }
+.cc-attribution-box a.cc-attribution-box-license {
+    flex-shrink: .5;
+}
 
 .cc-attribution-box img {
-    height: 53px;
+    height: 48px;
     margin: 20px 0;
 }
 

includes/class-creativecommons-image.php

@@ -699,7 +699,7 @@ public function simple_license_block($att_id) {
 
 		return "<div>" . esc_html($credit) . "</div>"
 			."<a target='_blank' href='" . esc_url($attribution_url) . "'>$title</a>"
-			. "<a target='_blank' href='" . esc_url($license_url) . "' title='" . esc_attr($license_name) . "'>"
+			. "<a class='cc-attribution-box-license' target='_blank' href='" . esc_url($license_url) . "' title='" . esc_attr($license_name) . "'>"
 			. "<img src='" . esc_url($button_url) . "' alt='" . esc_attr($license_name) . "'></a>";
 	}