Style: Add a bit more padding around content container at narrow widths

python · Mar 17, 2022 · cb01bd4 · cb01bd4
1 parent f92bd9b
commit cb01bd4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git 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
@@ -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 */