fix: respect widths on approval form + consistent Submission Data rows

approve.html was rendering approval_step_form and editable_form via the
{{ form|crispy }} filter, which discards FormHelper.layout. The
width-aware Row/Column/Div structure produced by
ApprovalStepForm._build_layout_fields was ignored, so half/third/quarter
fields rendered stacked full width. Switch the three call sites to the
{% crispy form %} tag so the layout is honored — matching form-submit
and form-embed.

In _form_data_rows.html, full-width rows split the label and value into
separate <th>/<td> cells while the pair/triple/quad variants stacked the
label as a small heading above the value in a single cell. Full-width
rows now use the same label-above-value pattern for visual consistency
across the whole table.

Bumps version to 0.72.1.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: matteius

CHANGELOG.md

@@ -7,6 +7,24 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.72.1] - 2026-04-16
+
+### Fixed
+- **Approval page now respects field widths on the approval step form.**
+  `approve.html` was rendering `approval_step_form` (and `editable_form`
+  where the stage allows edits) via the `{{ form|crispy }}` filter, which
+  ignores `FormHelper.layout`. The width-aware `Row` / `Column` / `Div`
+  layout built by `ApprovalStepForm._build_layout_fields` was discarded,
+  so half / third / quarter-width fields rendered stacked full width.
+  Switched the three call sites to the `{% crispy form %}` tag so the
+  layout is honored, matching form-submit and form-embed.
+- **Consistent Submission Data row styling.** In
+  `_form_data_rows.html`, full-width rows were splitting the label and
+  value into separate `<th>` / `<td>` cells while half / third / quarter
+  rows rendered the label as a small heading above the value in a single
+  cell. Full-width rows now use the same label-above-value layout so
+  every row in the table reads the same way regardless of width.
+
 ## [0.72.0] - 2026-04-16
 
 ### Changed (potentially breaking)

django_forms_workflows/templates/django_forms_workflows/_form_data_rows.html

@@ -30,8 +30,10 @@ <h5 class="mb-0">{{ row.label }}</h5>
     {% else %}
         {% with field=row.fields.0 %}
         <tr>
-            <th style="width: 30%; vertical-align: top;">{{ field.label }}</th>
-            <td>{% include "django_forms_workflows/_field_value.html" with entry=field %}</td>
+            <td colspan="2" class="px-3 py-2">
+                <small class="text-muted fw-semibold">{{ field.label }}</small>
+                <div>{% include "django_forms_workflows/_field_value.html" with entry=field %}</div>
+            </td>
         </tr>
         {% endwith %}
     {% endif %}

django_forms_workflows/templates/django_forms_workflows/approve.html

@@ -170,7 +170,7 @@ <h5 class="mb-0"><i class="bi bi-file-text"></i> Submission Data{% if allow_edit
             </div>
             <div class="card-body">
                 {% if allow_edit_form_data and editable_form %}
-                {{ editable_form|crispy }}
+                {% crispy editable_form %}
                 {% else %}
                 <table class="table table-bordered table-sm">
                     {% include "django_forms_workflows/_form_data_rows.html" %}
@@ -254,7 +254,7 @@ <h5 class="mb-0"><i class="bi bi-pencil-square"></i> {{ task.display_label }}
                 </div>
                 <div class="card-body">
                     <p class="text-muted mb-4">Please review the submission above and fill in the required fields below.</p>
-                    {{ approval_step_form|crispy }}
+                    {% crispy approval_step_form %}
 
                     <hr class="my-4">
 
@@ -355,7 +355,7 @@ <h5 class="mb-0"><i class="bi bi-file-text"></i> Submission Data{% if allow_edit
             </div>
             <div class="card-body">
                 {% if allow_edit_form_data and editable_form %}
-                {{ editable_form|crispy }}
+                {% crispy editable_form %}
                 {% else %}
                 <table class="table table-bordered">
                     {% include "django_forms_workflows/_form_data_rows.html" %}

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "django-forms-workflows"
-version = "0.72.0"
+version = "0.72.1"
 description = "Enterprise-grade, database-driven form builder with approval workflows and external data integration"
 license = "LGPL-3.0-only"
 readme = "README.md"