Page Content: Aligned max-width across viewer and editors

For #4916

diff --git a/resources/sass/_forms.scss b/resources/sass/_forms.scss
index 8c277c2b5010c755eede2124fa88d59cc45a259c..e480531fc52afda159342407c80acff847f413e0 100644 (file)
--- 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
index 7e443ff5a6bb11ece01a9fe411839a34de6f94bf..132c3ce7f725f1265cf8d0fb91e565ab05ad49a8 100644 (file)
--- 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 {