fix: side-by-side field alignment — use flex chain instead of height:100%

Make .field-wrapper columns display:flex so .mb-3 can use flex:1
instead of height:100% (which doesn't resolve reliably in stretched
flex items). This creates a proper flex chain: row → column (stretches
to tallest) → .mb-3 (fills via flex:1) → input (margin-top:auto).

Bump version to 0.63.3.

Author: matteius

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.63.3] - 2026-04-02
+
+### Fixed
+- **Side-by-side field alignment (take 2)** — inputs in paired half-width
+  rows now align correctly even when one label wraps to multiple lines.
+  Made each column a flex container (`display: flex; flex-direction: column`)
+  and `.mb-3` uses `flex: 1` instead of `height: 100%`, creating a proper
+  flex chain that reliably pushes inputs to a consistent vertical position.
+
 ## [0.63.2] - 2026-04-02
 
 ### Fixed

django_forms_workflows/static/django_forms_workflows/css/forms.css

@@ -3,33 +3,45 @@
    ═══════════════════════════════════════════════════════════════════════════ */
 
 /* ── Side-by-side field alignment ────────────────────────────────────────
-   When two or more fields sit in a .row.fields-aligned-row, columns
-   stretch to equal height (the default flex behaviour). Each .mb-3
-   wrapper becomes a flex column so the label area grows evenly and
-   the input sits at a consistent vertical position regardless of
-   label length, help-text presence, or wrapped text. */
+   When two or more fields sit in a .row.fields-aligned-row, every column
+   becomes a flex column so .mb-3 can stretch to fill it.  The input/select
+   uses margin-top:auto to push itself to the bottom of the label area,
+   keeping inputs horizontally aligned regardless of label wrapping. */
+
+/* 1. Make each column a flex column so .mb-3 can stretch */
+.row.fields-aligned-row > [class*="col-"],
+.row.fields-aligned-row > .field-wrapper {
+    display: flex;
+    flex-direction: column;
+}
 
+/* 2. .mb-3 fills the column and is itself a flex column */
 .row.fields-aligned-row > [class*="col-"] > .mb-3,
 .row.fields-aligned-row > .field-wrapper > .mb-3 {
     display: flex;
     flex-direction: column;
-    height: 100%;
+    flex: 1 1 auto;
 }
+
+/* 3. Labels stay at their natural size */
 .row.fields-aligned-row > [class*="col-"] > .mb-3 > label,
 .row.fields-aligned-row > .field-wrapper > .mb-3 > label {
     flex-shrink: 0;
 }
+
+/* 4. Push the input/select to the bottom of the label area */
 .row.fields-aligned-row > [class*="col-"] > .mb-3 > .form-control,
 .row.fields-aligned-row > [class*="col-"] > .mb-3 > .form-select,
 .row.fields-aligned-row > .field-wrapper > .mb-3 > .form-control,
 .row.fields-aligned-row > .field-wrapper > .mb-3 > .form-select {
-    margin-top: auto;        /* push the input to the bottom of the cell */
+    margin-top: auto;
 }
-/* Help text sits *after* the input and shouldn't shift it up */
+
+/* 5. Help text sits after the input — reserve consistent space */
 .row.fields-aligned-row > [class*="col-"] > .mb-3 > .form-text,
 .row.fields-aligned-row > .field-wrapper > .mb-3 > .form-text {
     flex-shrink: 0;
-    min-height: 1.4em;       /* reserve space even when empty for alignment */
+    min-height: 1.4em;
 }
 
 /* ── Consistent field spacing ────────────────────────────────────────── */

pyproject.toml

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