Tweak width of gutenberg editor wide page layout

.dev/sass/admin/gutenberg-editor.scss

@@ -19,7 +19,7 @@ body.primer-gutenberg-wide {
     .editor-post-title__block,
     .editor-block-list__block,
     .editor-default-block-appender {
-      max-width: 800px;
+      max-width: none;
     }
   }
 }

assets/css/admin/gutenberg-editor.css

@@ -20,7 +20,7 @@ body.primer-gutenberg-wide .edit-post-text-editor .editor-writing-flow__click-re
 body.primer-gutenberg-wide .edit-post-text-editor .editor-post-title__block,
 body.primer-gutenberg-wide .edit-post-text-editor .editor-block-list__block,
 body.primer-gutenberg-wide .edit-post-text-editor .editor-default-block-appender {
-  max-width: 800px; }
+  max-width: none; }
 
 .components-panel .primer-layout-wrap ul li img {
   max-width: 85%; }

assets/css/admin/layouts-rtl.css

@@ -8,6 +8,10 @@
   display: block; }
 
 .primer-layout-wrap ul {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -moz-box;
+  display: -ms-flexbox;
   display: flex;
   margin: 0;
   list-style-type: none !important; }
@@ -42,9 +46,13 @@
 
 #side-sortables .primer-layout-wrap ul,
 #customize-control-layout .primer-layout-wrap ul {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
   flex-wrap: wrap; }
   #side-sortables .primer-layout-wrap ul li,
   #customize-control-layout .primer-layout-wrap ul li {
+    -webkit-flex-basis: -webkit-calc(25% - 0.6em);
+    -ms-flex-preferred-size: calc(25% - 0.6em);
     flex-basis: calc(25% - 0.6em); }
 
 @media only screen and (max-width: 850px) {

assets/css/admin/layouts.css

@@ -8,6 +8,10 @@
   display: block; }
 
 .primer-layout-wrap ul {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -moz-box;
+  display: -ms-flexbox;
   display: flex;
   margin: 0;
   list-style-type: none !important; }
@@ -42,9 +46,13 @@
 
 #side-sortables .primer-layout-wrap ul,
 #customize-control-layout .primer-layout-wrap ul {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
   flex-wrap: wrap; }
   #side-sortables .primer-layout-wrap ul li,
   #customize-control-layout .primer-layout-wrap ul li {
+    -webkit-flex-basis: -webkit-calc(25% - 0.6em);
+    -ms-flex-preferred-size: calc(25% - 0.6em);
     flex-basis: calc(25% - 0.6em); }
 
 @media only screen and (max-width: 850px) {

style-rtl.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /**
  * Theme Name: Primer
  * Theme URI: https://github.com/godaddy/wp-primer-theme

style.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /**
  * Theme Name: Primer
  * Theme URI: https://github.com/godaddy/wp-primer-theme