Set max width for object edit forms

netbox/project-static/styles/netbox.scss

@@ -647,6 +647,11 @@ span.color-label {
   }
 }
 
+.form-object-edit {
+  margin: 0 auto;
+  max-width: 800px;
+}
+
 textarea.form-control[rows='10'] {
   height: 18rem;
 }

netbox/templates/dcim/device_component_edit.html

@@ -4,7 +4,7 @@
 {% block form_fields %}
     {% if form.instance.device %}
         <div class="row mb-3">
-            <label class="col-sm-3 col-form-label">Device</label>
+            <label class="col-sm-3 col-form-label text-lg-end">Device</label>
             <div class="col">
                 <input class="form-control" value="{{ form.instance.device }}" disabled />
             </div>

netbox/templates/dcim/interface_edit.html

@@ -6,7 +6,7 @@
         <h4 class="mb-3">Interface</h4>
             {% if form.instance.device %}
                 <div class="row mb-3">
-                    <label class="col-sm-3 col-form-label required" for="id_device">Device</label>
+                    <label class="col-sm-3 col-form-label text-lg-end required" for="id_device">Device</label>
                     <div class="col">
                         <input class="form-control" value="{{ form.instance.device }}" disabled />
                     </div>

netbox/templates/dcim/virtualchassis_edit.html

@@ -5,12 +5,10 @@
 {% block title %}{% if vc_form.instance %}Editing Virtual Chassis {{ vc_form.instance }}{% else %}New Virtual Chassis{% endif %}{% endblock %}
 
 {% block content %}
-    <form action="" method="post" enctype="multipart/form-data" class="form form-horizontal">
+    <form action="" method="post" enctype="multipart/form-data" class="form-object-edit">
         {% csrf_token %}
         {{ pk_form.pk }}
         {{ formset.management_form }}
-        <div class="row">
-            <div class="col col-md-8 offset-md-2">
         <div class="card">
             <h5 class="card-header">Virtual Chassis</h5>
             <div class="card-body">
@@ -88,10 +86,7 @@
                 </table>
             </div>
         </div>
-            </div>
+        <div class="text-end">
-        </div>
-        <div class="row my-3">
-            <div class="col col-md-8 offset-md-2 text-end">
             <a href="{{ return_url }}" class="btn btn-outline-danger">Cancel</a>
             {% if vc_form.instance.pk %}
                 <button type="submit" name="_update" class="btn btn-primary">Save</button>
@@ -99,6 +94,5 @@
                 <button type="submit" name="_create" class="btn btn-primary">Create</button>
             {% endif %}
         </div>
-        </div>
     </form>
 {% endblock %}

netbox/templates/generic/object_edit.html

@@ -31,12 +31,12 @@
 {% block content-wrapper %}
   <div class="tab-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">
+      <form action="" method="post" enctype="multipart/form-data" class="form-object-edit">
         {% csrf_token %}
-        {% for field in form.hidden_fields %}{{ field }}{% endfor %}
+        {% for field in form.hidden_fields %}
+          {{ field }}
+        {% endfor %}
 
-        <div class="row">
-          <div class="col col-md-12 col-lg-10 offset-lg-1">
         {% block form %}
           {% if form.Meta.fieldsets %}
 
@@ -72,11 +72,8 @@
           {% endif %}
 
         {% endblock form %}
-          </div>
-        </div>
 
-        <div class="row my-3">
+        <div class="text-end my-3">
-          <div class="col col-md-12 col-lg-10 offset-lg-1 text-end">
           {% block buttons %}
             <a class="btn btn-outline-danger" href="{{ return_url }}">Cancel</a>
 
@@ -84,7 +81,6 @@
               <button type="submit" name="_update" class="btn btn-primary">
                 Save
               </button>
-
             {% else %}
               <button type="submit" name="_addanother" class="btn btn-outline-primary">
                 Create & Add Another
@@ -92,12 +88,10 @@
               <button type="submit" name="_create" class="btn btn-primary">
                 Create
               </button>
-
             {% endif %}
 
           {% endblock buttons %}
         </div>
-        </div>
       </form>
     </div>
   </div>

netbox/templates/virtualization/vminterface_edit.html

@@ -6,7 +6,7 @@
         <h5 class="text-center">Interface</h5>
         {% if form.instance.virtual_machine %}
             <div class="row mb-3">
-                <label class="col-sm-3 col-form-label required" for="id_device">Virtual Machine</label>
+                <label class="col-sm-3 col-form-label text-lg-end required" for="id_device">Virtual Machine</label>
                 <div class="col">
                     <input class="form-control" value="{{ form.instance.virtual_machine }}" disabled />
                 </div>
@@ -37,11 +37,11 @@
 
 {% block buttons %}
   <a href="{{ return_url }}" class="btn btn-outline-danger">Cancel</a>
-{% if obj.pk %}
+  {% if obj.pk %}
     <button type="submit" formaction="?return_url={% url 'virtualization:vminterface_edit' pk=obj.pk %}" class="btn btn-outline-primary">Save & Continue Editing</button>
     <button type="submit" name="_update" class="btn btn-primary">Save</button>
-{% else %}
+  {% else %}
     <button type="submit" name="_addanother" class="btn btn-outline-primary">Create & Add Another</button>
     <button type="submit" name="_create" class="btn btn-primary">Create</button>
-{% endif %}
+  {% endif %}
 {% endblock %}