Make the resource link icons a size smaller.

We also add a little breathing room to the tag container, so that it
doesn't encroach on the personal space of the icons.

Author: lemonsaurus

pydis_site/static/css/resources/resources.css

@@ -111,6 +111,11 @@ span.filter-box-tag[style*='display: block'] {
     user-select: none;
 }
 
+/* Give the resource tags a bit of breathing room */
+.resource-tag-container {
+    padding-left: 1.5rem;
+}
+
 /* When hovering tags, brighten them a bit. */
 .resource-tag:hover,
 .filter-box-tag:hover {

pydis_site/templates/resources/resource_box.html

@@ -16,24 +16,24 @@
     <div class="is-flex is-align-items-center">
         {#  Add primary link #}
         {% if 'title_url' in resource %}
-            <span class="icon is-size-4 is-medium" style="margin: 5px;">
+            <span class="icon is-size-4" style="margin: 5px;">
                 <a href="{{ resource.title_url }}">
-                    <i class="fas fa-external-link-alt fa-fw is-size-3 resource-icon is-hoverable is-primary"></i>
+                    <i class="fas fa-external-link-alt fa-fw is-size-4 resource-icon is-hoverable is-primary"></i>
                 </a>
             </span>
         {% endif %}
 
         {# Add all additional icon #}
         {% for icon in resource.urls %}
-            <span class="icon is-size-4 is-medium" style="margin: 5px;">
+            <span class="icon is-size-4" style="margin: 5px;">
                 <a href="{{ icon.url }}">
-                    <i class="{{ icon.icon|as_icon }} fa-fw is-size-3 resource-icon is-hoverable is-{{ icon.color }}"></i>
+                    <i class="{{ icon.icon|as_icon }} fa-fw is-size-4 resource-icon is-hoverable is-{{ icon.color }}"></i>
                 </a>
             </span>
         {% endfor %}
 
         {#  Tags #}
-        <div class="is-flex ml-auto is-flex-wrap-wrap is-justify-content-end">
+        <div class="resource-tag-container is-flex ml-auto is-flex-wrap-wrap is-justify-content-end">
             {% for tag in resource.tags.topics %}
             <span
                 class="tag resource-tag is-primary is-light ml-2 mt-2"