From 1ed9a32db8207b533281feb43cff7996790dbcb0 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Thu, 13 Jun 2024 17:31:15 -0300 Subject: css: adapt quick-description to responsive padding and max-width --- src/static/css/site.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'src') diff --git a/src/static/css/site.css b/src/static/css/site.css index de28ad58..1cc8e185 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1268,10 +1268,13 @@ ul.quick-info li:not(:last-child)::after { } .quick-description:not(.has-external-links-only) { - margin-left: 8%; - margin-right: 8%; - padding-left: 4%; - padding-right: 4%; + --clamped-padding-ratio: max(var(--responsive-padding-ratio), 0.06); + margin-left: auto; + margin-right: auto; + padding-left: calc(0.40 * var(--clamped-padding-ratio) * 100%); + padding-right: calc(0.40 * var(--clamped-padding-ratio) * 100%); + max-width: 500px; + padding-top: 0.25em; padding-bottom: 0.75em; border-left: 1px solid var(--dim-color); -- cgit 1.3.0-6-gf8a5