diff --git a/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
index 1ffb3f7aba..f16d61fb22 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts
@@ -225,7 +225,7 @@ export class UmbDataTypePickerFlowModalElement extends UmbLitElement {
private _renderUIs() {
return html` ${Object.entries(this._groupedPropertyEditorUIs).map(
([key, value]) =>
- html`
${key}
+ html` ${key}
${this._renderGroupUIs(value)}`
)}`;
}
@@ -237,7 +237,7 @@ export class UmbDataTypePickerFlowModalElement extends UmbLitElement {
uis,
(propertyEditorUI) => propertyEditorUI.alias,
(propertyEditorUI) => html`
-
+
${propertyEditorUI.meta.label || propertyEditorUI.name}
@@ -269,6 +269,11 @@ export class UmbDataTypePickerFlowModalElement extends UmbLitElement {
padding: 0;
}
+ #item-grid:not(:last-child) {
+ border-bottom: 1px solid var(--uui-color-divider);
+ padding-bottom: var(--uui-size-space-5);
+ }
+
#item-grid .item {
list-style: none;
height: 100%;
@@ -308,6 +313,12 @@ export class UmbDataTypePickerFlowModalElement extends UmbLitElement {
/* width: fit-content;
height: fit-content; */
}
+ #category-name {
+ text-align: center;
+ display: block;
+ text-transform: capitalize;
+ font-size: 1.2rem;
+ }
`,
];
}