Added margins and max-width to filtering column.

Author: lemonsaurus

pydis_site/static/css/resources/resources.css

@@ -163,6 +163,14 @@ span.resource-tag.active {
     outline-style: solid;
 }
 
+/* Disable transitions */
+.no-transition {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  transition: none !important;
+}
+
 /* Make filter tags sparkle when selected! */
 @keyframes glow_success {
     from { box-shadow: 0 0 2px 2px #aef4af; }
@@ -216,10 +224,10 @@ span.resource-tag.active.has-background-info-light {
     }
 }
 
-/* Disable transitions */
-.no-transition {
-  -webkit-transition: none !important;
-  -moz-transition: none !important;
-  -o-transition: none !important;
-  transition: none !important;
+/* Constrain the width of the filterbox */
+@media screen and (min-width: 769px) {
+    .filtering-column {
+        max-width: 25rem;
+        min-width: 18rem;
+    }
 }

pydis_site/templates/resources/resources.html

@@ -17,9 +17,9 @@
     {% include "base/navbar.html" %}
     <input type="hidden" id="resource-type-input" value="{{ resource_type }}">
     <section class="section">
-        <div class="columns is-centered">
+        <div class="columns is-variable is-6 is-centered">
             {# Filtering toolbox #}
-            <div class="column is-one-third">
+            <div class="column filtering-column is-one-third">
                 <div class="content is-justify-content-center">
                     <nav id="resource-filtering-panel" class="panel is-primary">
                         <p class="panel-heading has-text-centered" id="filter-panel-header">Filter Resources</p>