fix(containers): only flex-convert Container/Section when vertical-align set (avoid blockifying inline-block children)

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

craft/src/components/layout/Section.toHtml.test.ts

@@ -75,14 +75,27 @@ describe('Section.toHtml shape divider color/height XSS hardening', () => {
 });
 
 describe('Section.toHtml vertical alignment (justify-content + min-height)', () => {
-  test('is always a column flex container (display:flex;flex-direction:column)', () => {
+  // Regression lock: same rationale as Container -- see Container.toHtml.test.ts.
+  // Section must not unconditionally become a flex container, or it
+  // blockifies inline-block children (ButtonLink, Icon) that are meant to
+  // sit side-by-side in existing published sections.
+  test('does NOT become a flex container when no vertical alignment is set (plain block flow preserved)', () => {
     const { html } = toHtml({}, 'child');
-    expect(html).toContain('display:flex');
-    expect(html).toContain('flex-direction:column');
+    expect(html).not.toContain('display:flex');
+    expect(html).not.toContain('flex-direction');
   });
 
-  test('style.justifyContent flows into the emitted style attribute', () => {
+  test('does NOT become a flex container from min-height alone (min-height must not itself trigger flex)', () => {
+    const { html } = toHtml({ style: { minHeight: '600px' } }, 'child');
+    expect(html).not.toContain('display:flex');
+    expect(html).not.toContain('flex-direction');
+    expect(html).toContain('min-height:600px');
+  });
+
+  test('becomes a column flex container when style.justifyContent is set (feature still works)', () => {
     const { html } = toHtml({ style: { justifyContent: 'center' } }, 'child');
+    expect(html).toContain('display:flex');
+    expect(html).toContain('flex-direction:column');
     expect(html).toContain('justify-content:center');
   });