Member Group edit view - minor styles (#543)

minor style tidyup

Co-authored-by: Mads Rasmussen <madsr@hey.com>

src/Umbraco.Web.UI.Client/src/backoffice/members/member-groups/workspace/member-group-workspace.context.ts

@@ -39,8 +39,9 @@ export class UmbWorkspaceMemberGroupContext
 		this.#data.update({ name });
 	}
 
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	setPropertyValue(alias: string, value: string) {
-		// Not implemented for this context - member groups have no properties
+		// Not implemented for this context - member groups have no properties for editing
 		return;
 	}
 

src/Umbraco.Web.UI.Client/src/backoffice/members/member-groups/workspace/views/info/workspace-view-member-group-info.element.ts

@@ -42,7 +42,6 @@ export class UmbWorkspaceViewMemberGroupInfoElement extends UmbLitElement {
 		// TODO: Figure out if this is the best way to consume the context or if it can be strongly typed with an UmbContextToken
 		this.consumeContext<UmbWorkspaceMemberGroupContext>('umbWorkspaceContext', (instance) => {
 			this.#workspaceContext = instance;
-			console.log(instance);
 			this.#observeMemberGroup();
 		});
 	}
@@ -69,11 +68,10 @@ export class UmbWorkspaceViewMemberGroupInfoElement extends UmbLitElement {
 		`;
 	}
 
-	// TODO => should use umb-empty-state when it exists
 	private _renderMemberGroupInfo() {
 		return html`
 			<uui-box headline="Member Group">
-				<p>Member groups have no additional properties for editing.</p>
+				<umb-empty-state size="small">Member groups have no additional properties for editing.</umb-empty-state>
 			</uui-box>
 		`;
 	}

src/Umbraco.Web.UI.Client/src/backoffice/shared/components/workspace/workspace-property-layout/workspace-property-layout.element.ts

@@ -29,6 +29,10 @@ export class UmbWorkspacePropertyLayoutElement extends LitElement {
 				border-bottom:none;
 			}
 
+			:host(:first-of-type) {
+				padding-top:0;
+			}
+
 			p {
 				margin-bottom: 0;
 			}