Update order editor in wagtail to support version 4

Author: dinoperovic

pyproject.toml

@@ -35,7 +35,7 @@ djangorestframework = ">=3.11,<3.15"
 
 # Optional
 Pygments = {version = "^2.6", optional = true}
-wagtail = {version = ">=2.9,<4.2", optional = true}
+wagtail = {version = ">=2.9,<5.0", optional = true}
 pytest = {version = "~7.0.0", optional = true}
 pytest-django = {version = "~4.5.0", optional = true}
 pytest-cov = {version = "~3.0.0", optional = true}

salesman/admin/static/salesman/admin/wagtail_form.css

@@ -1,5 +1,10 @@
 /* Style for order items table. */
-.salesman-order-items .w-panel__content > div,
+.salesman-order-form #tab-items .w-form-width {
+  max-width: 100%;
+}
+.salesman-order-items .w-panel__content > div {
+  overflow: auto;
+}
 .salesman-order-items .object-layout {
   flex-direction: row;
   overflow: auto;

salesman/admin/templates/salesman/admin/wagtail_edit.html

@@ -1,6 +1,12 @@
 {% extends "modeladmin/edit.html" %}
 {% load i18n wagtailadmin_tags %}
 
+{% block form %}
+  <div class="salesman-order-form">
+    {{ block.super }}
+  </div>
+{% endblock %}
+
 {% block footer %}
 <footer class="footer">
   <ul>