From cb01bd4aaa996be6f5f685b8c619a6684a743329 Mon Sep 17 00:00:00 2001 From: "C.A.M. Gerlach" Date: Thu, 17 Mar 2022 12:39:27 -0500 Subject: [PATCH] Style: Add a bit more padding around content container at narrow widths --- pep_sphinx_extensions/pep_theme/static/mq.css | 7 +++++++ pep_sphinx_extensions/pep_theme/static/style.css | 3 +-- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/pep_sphinx_extensions/pep_theme/static/mq.css b/pep_sphinx_extensions/pep_theme/static/mq.css index aad55e31aa2..1d9336ec491 100644 --- a/pep_sphinx_extensions/pep_theme/static/mq.css +++ b/pep_sphinx_extensions/pep_theme/static/mq.css @@ -4,6 +4,9 @@ /* Further reduce width of fixed elements for smallest screens */ @media (max-width: 32em) { + section#pep-page-section { + padding: 0.25rem; + } code { word-break: break-all; } @@ -18,6 +21,9 @@ /* Reduce padding & margins for smaller screens */ @media (max-width: 36em) { + section#pep-page-section { + padding: 0.5rem; + } section#pep-page-section > header > h1 { padding-right: 0; border-right: none; @@ -48,6 +54,7 @@ @media (min-width: 54em) { section#pep-page-section { + display: table; max-width: 75em; } section#pep-page-section > article { diff --git a/pep_sphinx_extensions/pep_theme/static/style.css b/pep_sphinx_extensions/pep_theme/static/style.css index 6429362bf46..e295519f172 100644 --- a/pep_sphinx_extensions/pep_theme/static/style.css +++ b/pep_sphinx_extensions/pep_theme/static/style.css @@ -32,8 +32,7 @@ body { background-color: var(--colour-background); } section#pep-page-section { - padding: 0.25rem 0.25rem 0; - display: table; + padding: 0.25rem; } /* Reduce margin sizes for body text */