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 */