Style: Fix unbounded max width causing very wide spans to overflow (python#2478)

CAM-Gerlach · web-flow · commit dae03bb7ec10 · 2022-03-30T23:42:33.000-05:00
diff --git a/pep_sphinx_extensions/pep_theme/static/mq.css b/pep_sphinx_extensions/pep_theme/static/mq.css
@@ -50,7 +50,7 @@
         width: 100%;
     }
     section#pep-page-section > article {
-        max-width: 40em;
+        max-width: 37em;
         width: 74%;
         float: right;
         margin-right: 0;
@@ -69,7 +69,7 @@
 }
 @media (min-width: 60em) {
     section#pep-page-section > article {
-        max-width: none;
+        max-width: 56em;
         padding-left: 3.2%;
         padding-right: 3.2%;
     }

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@`
`50`	`50`	`width: 100%;`
`51`	`51`	`}`
`52`	`52`	`section#pep-page-section > article {`
`53`		`- max-width: 40em;`
	`53`	`+ max-width: 37em;`
`54`	`54`	`width: 74%;`
`55`	`55`	`float: right;`
`56`	`56`	`margin-right: 0;`
`@@ -69,7 +69,7 @@`
`69`	`69`	`}`
`70`	`70`	`@media (min-width: 60em) {`
`71`	`71`	`section#pep-page-section > article {`
`72`		`- max-width: none;`
	`72`	`+ max-width: 56em;`
`73`	`73`	`padding-left: 3.2%;`
`74`	`74`	`padding-right: 3.2%;`
`75`	`75`	`}`