Fix row spacing in custom page view

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>
 		);
 	}

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>

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;
 	}
 }