Shrink and center the duck pond 404.

Author: lemonsaurus

pydis_site/static/css/resources/resources.css

@@ -64,15 +64,15 @@ display: block;
 
 /* Center the 404 div */
 .no-resources-found {
-    display: flex;
+    display: none;
     flex-direction: column;
     align-items: center;
+    margin-top: 1em;
 }
 
-/* Hide the no resources h2 by default */
-.no-resources-found {
-    display: none;
-    margin-top: 1em;
+/* Make sure jQuery will use flex when setting `show()` again. */
+.no-resources-found[style*='display: block'] {
+    display: flex !important;
 }
 
 /* Disable clicking on the checkbox itself. */

pydis_site/static/images/resources/duck_pond_404.jpg

@@ -132,7 +132,7 @@
                 {# Message to display when there are no hits #}
                 <div class="no-resources-found">
                     <h2 class="title is-3 has-text-centered pt-0 pb-6">No matching resources found!</h2>
-                    <img src="{% static "images/resources/duck_pond_404.png" %}" width="650px">
+                    <img src="{% static "images/resources/duck_pond_404.jpg" %}">
                 </div>