reduce document width on wider displays (#571)

* reduce document width on wider displays * 80rem * left align text
tc39 · Feb 1, 2024 · 29f3ba9 · 29f3ba9
1 parent bc9a53c
commit 29f3ba9
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/css/elements.css b/css/elements.css
@@ -110,6 +110,8 @@ body {
 
 #spec-container {
   padding: 0 20px;
+  max-width: 80rem;
+  margin: 0 auto;
   flex-grow: 1;
   flex-basis: 66%;
   box-sizing: border-box;
@@ -319,6 +321,7 @@ emu-note {
   border-left: 5px solid #52e052;
   background: #e9fbe9;
   padding: 10px 10px 10px 0;
+  overflow-x: auto;
 }
 
 emu-note > span.note {
@@ -728,7 +731,8 @@ emu-annex emu-annex emu-annex emu-annex emu-annex emu-annex {
 /* Figures and tables */
 figure {
   display: block;
-  margin: 1em 0 3em 0;
+  overflow-x: auto;
+  margin: 1.5em 0;
 }
 figure object {
   display: block;