From bc6829b93246e2f8833b5b418d3d7bd8eadc99cf Mon Sep 17 00:00:00 2001
From: Leon Sandøy <leon.haland@gmail.com>
Date: Sun, 30 Jan 2022 20:02:06 +0100
Subject: Make the category headers smaller on mobile.

---
 pydis_site/static/css/resources/resources.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

(limited to 'pydis_site/static/css')

diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index ebd946d9..59f8b78e 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -187,3 +187,15 @@ span.resource-tag.active.has-background-success-light {
 span.resource-tag.active.has-background-info-light {
     animation: glow_info 4s infinite alternate;
 }
+
+/* Smaller filter category headers when on mobile */
+@media screen and (max-width: 480px) {
+    .filter-category-header .card-header .card-header-title {
+        font-size: 14px;
+        padding: 0;
+    }
+    .filter-panel {
+        padding-top: 4px;
+        padding-bottom: 4px;
+    }
+}
\ No newline at end of file
-- 
cgit v1.2.3