Reduce padding and margins for smaller screens

AA-Turner · AA-Turner · commit 6bc4dd1b0c82 · 2021-06-21T18:14:21.000+01:00
diff --git a/pep_sphinx_extensions/pep_theme/static/mq.css b/pep_sphinx_extensions/pep_theme/static/mq.css
@@ -1,18 +1,28 @@
 @charset "UTF-8";
 /* Media Queries */
-@media (min-width: 0em) {
-    section#pep-page-section {
-        padding: .5rem 1rem 0;
+@media (max-width: 32.5em) {
+    /* Reduce padding & margins for the smallest screens */
+    section#pep-page-section > header > h1 {
+        padding-right: 0;
+        border-right: none;
+    }
+    ul.breadcrumbs {
+        padding: 0 0 .5rem;
     }
     nav#pep-sidebar {
         display: none;
     }
+    table th,
+    table td {
+        padding: 0 0.1rem;
+    }
 }
 @media (min-width: 32.5em) {
     section#pep-page-section {
         max-width: 40em;
         width: 100%;
         margin: 0 auto;
+        padding: .5rem 1rem 0;
     }
 }
 @media (min-width: 54em) {
@@ -30,7 +40,6 @@
         width: 24%;
         float: left;
         margin-right: 2%;
-        display: initial;
     }
 }
 @media (min-width: 60em) {

Original file line number	Diff line number	Diff line change
`@@ -1,18 +1,28 @@`
`1`	`1`	`@charset "UTF-8";`
`2`	`2`	`/* Media Queries */`
`3`		`-@media (min-width: 0em) {`
`4`		`- section#pep-page-section {`
`5`		`- padding: .5rem 1rem 0;`
	`3`	`+@media (max-width: 32.5em) {`
	`4`	`+ /* Reduce padding & margins for the smallest screens */`
	`5`	`+ section#pep-page-section > header > h1 {`
	`6`	`+ padding-right: 0;`
	`7`	`+ border-right: none;`
	`8`	`+ }`
	`9`	`+ ul.breadcrumbs {`
	`10`	`+ padding: 0 0 .5rem;`
`6`	`11`	`}`
`7`	`12`	`nav#pep-sidebar {`
`8`	`13`	`display: none;`
`9`	`14`	`}`
	`15`	`+ table th,`
	`16`	`+ table td {`
	`17`	`+ padding: 0 0.1rem;`
	`18`	`+ }`
`10`	`19`	`}`
`11`	`20`	`@media (min-width: 32.5em) {`
`12`	`21`	`section#pep-page-section {`
`13`	`22`	`max-width: 40em;`
`14`	`23`	`width: 100%;`
`15`	`24`	`margin: 0 auto;`
	`25`	`+ padding: .5rem 1rem 0;`
`16`	`26`	`}`
`17`	`27`	`}`
`18`	`28`	`@media (min-width: 54em) {`
`@@ -30,7 +40,6 @@`
`30`	`40`	`width: 24%;`
`31`	`41`	`float: left;`
`32`	`42`	`margin-right: 2%;`
`33`		`- display: initial;`
`34`	`43`	`}`
`35`	`44`	`}`
`36`	`45`	`@media (min-width: 60em) {`