From d61414a026eba202b04e4a08faef7d1c8b4d4e17 Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@netboxlabs.com>
Date: Fri, 12 Jan 2024 16:28:00 -0500
Subject: [PATCH] Limit object edit form width

---
 netbox/project-static/styles/netbox.scss              | 1 +
 netbox/project-static/styles/transitional/_forms.scss | 5 +++++
 netbox/templates/dcim/virtualchassis_add_member.html  | 2 +-
 netbox/templates/dcim/virtualchassis_edit.html        | 2 +-
 netbox/templates/extras/report.html                   | 2 +-
 netbox/templates/extras/script.html                   | 2 +-
 netbox/templates/generic/object_edit.html             | 2 +-
 7 files changed, 11 insertions(+), 5 deletions(-)
 create mode 100644 netbox/project-static/styles/transitional/_forms.scss

diff --git a/netbox/project-static/styles/netbox.scss b/netbox/project-static/styles/netbox.scss
index bc458bd66..5895701da 100644
--- a/netbox/project-static/styles/netbox.scss
+++ b/netbox/project-static/styles/netbox.scss
@@ -10,6 +10,7 @@
 // Transitional styling to ease migration of templates from NetBox v3.x
 @import 'transitional/badges';
 @import 'transitional/cards';
+@import 'transitional/forms';
 @import 'transitional/layout';
 @import 'transitional/navigation';
 @import 'transitional/progress';
diff --git a/netbox/project-static/styles/transitional/_forms.scss b/netbox/project-static/styles/transitional/_forms.scss
new file mode 100644
index 000000000..3d527ff3e
--- /dev/null
+++ b/netbox/project-static/styles/transitional/_forms.scss
@@ -0,0 +1,5 @@
+// Limit the width of object edit forms
+form.object-edit {
+  margin: auto;
+  max-width: 800px;
+}
diff --git a/netbox/templates/dcim/virtualchassis_add_member.html b/netbox/templates/dcim/virtualchassis_add_member.html
index e4156ec50..2e7fb72b8 100644
--- a/netbox/templates/dcim/virtualchassis_add_member.html
+++ b/netbox/templates/dcim/virtualchassis_add_member.html
@@ -9,7 +9,7 @@
 {% endblock %}
 
 {% block content %}
-    <form action="" method="post" enctype="multipart/form-data" class="form-object-edit">
+    <form action="" method="post" enctype="multipart/form-data" class="object-edit">
         {% render_errors membership_form %}
         
         {% csrf_token %}
diff --git a/netbox/templates/dcim/virtualchassis_edit.html b/netbox/templates/dcim/virtualchassis_edit.html
index fcdb47874..feceadc80 100644
--- a/netbox/templates/dcim/virtualchassis_edit.html
+++ b/netbox/templates/dcim/virtualchassis_edit.html
@@ -11,7 +11,7 @@
 
 {% block content %}
   <div class="tab-pane show active" id="edit-form" role="tabpanel" aria-labelledby="object-list-tab">
-    <form action="" method="post" enctype="multipart/form-data" class="form-object-edit">
+    <form action="" method="post" enctype="multipart/form-data" class="object-edit">
       {% for form in formset %}
         {% render_errors form %}
       {% endfor %}
diff --git a/netbox/templates/extras/report.html b/netbox/templates/extras/report.html
index 806279d20..55df94c3e 100644
--- a/netbox/templates/extras/report.html
+++ b/netbox/templates/extras/report.html
@@ -14,7 +14,7 @@
               {% trans "This report is invalid and cannot be run." %}
             </div>
           {% endif %}
-          <form action="{% url 'extras:report' module=report.module name=report.class_name %}" method="post" class="form-object-edit">
+          <form action="{% url 'extras:report' module=report.module name=report.class_name %}" method="post" class="object-edit">
             {% csrf_token %}
             {% render_form form %}
             <div class="float-end">
diff --git a/netbox/templates/extras/script.html b/netbox/templates/extras/script.html
index 05b285bf5..dbed132be 100644
--- a/netbox/templates/extras/script.html
+++ b/netbox/templates/extras/script.html
@@ -13,7 +13,7 @@
           {% trans "You do not have permission to run scripts" %}.
         </div>
       {% endif %}
-      <form action="" method="post" enctype="multipart/form-data" class="form form-object-edit">
+      <form action="" method="post" enctype="multipart/form-data" class="object-edit">
         {% csrf_token %}
         <div class="field-group my-4">
           {# Render grouped fields according to declared fieldsets #}
diff --git a/netbox/templates/generic/object_edit.html b/netbox/templates/generic/object_edit.html
index 8338a68d1..3ab5bd436 100644
--- a/netbox/templates/generic/object_edit.html
+++ b/netbox/templates/generic/object_edit.html
@@ -53,7 +53,7 @@ Context:
       {% include 'inc/missing_prerequisites.html' %}
     {% endif %}
 
-    <form action="" method="post" enctype="multipart/form-data" class="form-object-edit mt-5">
+    <form action="" method="post" enctype="multipart/form-data" class="object-edit mt-5">
       {% csrf_token %}
 
       <div id="form_fields">