From 5e5c64cbc83bebfec4f211daf0b46d96551d9d87 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Thu, 16 Jul 2026 23:50:00 +0200
Subject: [PATCH] Fix row spacing in custom page view

---
 .../custom-css-wrapper.jdd.tsx                | 19 ++++++++++++++-----
 src/back/routes/middlewares/customUrlView.tsx |  2 +-
 src/main.css                                  |  2 +-
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx b/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx
index a4dd5bf..23751e2 100644
--- a/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx
+++ b/src/back/jdd-components/custom-css-wrapper/custom-css-wrapper.jdd.tsx
@@ -1,5 +1,9 @@
 import { TempstreamJSX } from "tempstream";
-import type { ComponentToHTMLArgs } from "@sealcode/jdd";
+import type {
+	ComponentToHTMLArgs,
+	ExtractStructuredComponentArgumentsParsed,
+	JDDContext,
+} from "@sealcode/jdd";
 import { Component, ComponentArguments } from "@sealcode/jdd";
 import { v4 as uuid } from "uuid";
 
@@ -13,6 +17,14 @@ export class CustomCssWrapper extends Component<typeof component_arguments> {
 		return component_arguments;
 	}
 
+	getCSSClumps(
+		jdd_context: JDDContext,
+		args: ExtractStructuredComponentArgumentsParsed<typeof component_arguments>
+	) {
+		const result = args?.content?.getCSSClumps(jdd_context) || [];
+		return result;
+	}
+
 	async toHTML({
 		args: { custom_css, content },
 		classes,
@@ -26,10 +38,7 @@ export class CustomCssWrapper extends Component<typeof component_arguments> {
 						.${unique_class}{ ${custom_css}  }
 					</style>`
 				}
-				{ComponentArguments.NestedComponent.render({
-					jdd_context,
-					data: content as Record<string, unknown>,
-				})}
+				{content.render(jdd_context)}
 			</div>
 		);
 	}
diff --git a/src/back/routes/middlewares/customUrlView.tsx b/src/back/routes/middlewares/customUrlView.tsx
index eb781ef..ce6edf8 100644
--- a/src/back/routes/middlewares/customUrlView.tsx
+++ b/src/back/routes/middlewares/customUrlView.tsx
@@ -62,7 +62,7 @@ export const customUrlView =
 						showFooter: !hideNavigation,
 					},
 					body: (
-						<main class="custom-page">
+						<main class="custom-page subgrid-layout">
 							{heading?.trim() ? <h1>{heading}</h1> : ""}
 							{jdd.render()}
 						</main>
diff --git a/src/main.css b/src/main.css
index acd6123..5fc9d6f 100644
--- a/src/main.css
+++ b/src/main.css
@@ -88,7 +88,7 @@ body {
 	row-gap: var(--row-gap);
 
 	& > * {
-		grid-column: main-column-content-start / main-column-content-end;
+		grid-column: content;
 	}
 }