Page Content: Aligned max-width across viewer and editors

ssddanbrown · ssddanbrown · commit b9e2d33ed40d · 2024-04-05T15:06:08.000+01:00
For #4916
diff --git a/resources/sass/_forms.scss b/resources/sass/_forms.scss
@@ -128,8 +128,9 @@
   body {
     display: block;
     background-color: #fff;
-    padding-inline-start: 16px;
-    padding-inline-end: 16px;
+    padding-inline-start: 12px;
+    padding-inline-end: 12px;
+    max-width: 864px;
   }
   [drawio-diagram]:hover {
     outline: 2px solid var(--color-primary);
diff --git a/resources/sass/_tinymce.scss b/resources/sass/_tinymce.scss
@@ -21,6 +21,7 @@
   padding-block-end: 1rem;
   outline: 0;
   display: block;
+  max-width: calc(870px);
 }
 
 .wysiwyg-input.mce-content-body {

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@`
`21`	`21`	`padding-block-end: 1rem;`
`22`	`22`	`outline: 0;`
`23`	`23`	`display: block;`
	`24`	`+ max-width: calc(870px);`
`24`	`25`	`}`
`25`	`26`
`26`	`27`	`.wysiwyg-input.mce-content-body {`