From 021a17640c9e36292dddf0bac6cfd4ee8b8e66c5 Mon Sep 17 00:00:00 2001 From: citrons Date: Mon, 16 Jun 2025 21:25:15 -0500 Subject: improve responsivity the viewport scale is made a little smaller and padding is reduced when the viewport size is smaller. --- apioforum/static/style.css | 10 +++++++++- apioforum/templates/base.html | 2 +- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/apioforum/static/style.css b/apioforum/static/style.css index f96c494..9650598 100644 --- a/apioforum/static/style.css +++ b/apioforum/static/style.css @@ -1,4 +1,10 @@ -body { font-family: sans-serif; word-wrap: break-word; } +body { + margin: 0; + padding: 8px; + font-family: sans-serif; + word-wrap: break-word; + min-width: 400px; +} :root { --alternating-colour-even: hsl(0, 0%, 96%); @@ -294,6 +300,8 @@ nav#pages .pageno { align-self: center; } /* small screens */ @media not all and (min-width: 600px) { + body { padding: 2px; } + .listing { padding: 4px; } .thread-listing-creation { font-size: small; } .thread-listing-creator { max-width: 75px; diff --git a/apioforum/templates/base.html b/apioforum/templates/base.html index ed0a195..974ac08 100644 --- a/apioforum/templates/base.html +++ b/apioforum/templates/base.html @@ -4,7 +4,7 @@ {%block title %}{% endblock %} - + -- cgit v1.2.3