diff --git a/web/src/pages/groups/GroupForm.ts b/web/src/pages/groups/GroupForm.ts index ba19d6b44..a867b89a5 100644 --- a/web/src/pages/groups/GroupForm.ts +++ b/web/src/pages/groups/GroupForm.ts @@ -2,7 +2,7 @@ import YAML from "yaml"; import { t } from "@lingui/macro"; -import { TemplateResult, html } from "lit"; +import { CSSResult, TemplateResult, css, html } from "lit"; import { customElement } from "lit/decorators.js"; import { ifDefined } from "lit/directives/if-defined.js"; import { until } from "lit/directives/until.js"; @@ -21,6 +21,17 @@ import "./MemberSelectModal"; @customElement("ak-group-form") export class GroupForm extends ModelForm { + static get styles(): CSSResult[] { + return super.styles.concat(css` + .pf-c-button.pf-m-control { + height: 100%; + } + .pf-c-form-control { + height: auto !important; + } + `); + } + loadInstance(pk: string): Promise { return new CoreApi(DEFAULT_CONFIG).coreGroupsRetrieve({ groupUuid: pk, diff --git a/web/src/pages/users/UserForm.ts b/web/src/pages/users/UserForm.ts index 5aefdcd79..87add8cfb 100644 --- a/web/src/pages/users/UserForm.ts +++ b/web/src/pages/users/UserForm.ts @@ -2,7 +2,7 @@ import YAML from "yaml"; import { t } from "@lingui/macro"; -import { TemplateResult, html } from "lit"; +import { CSSResult, TemplateResult, css, html } from "lit"; import { customElement } from "lit/decorators.js"; import { ifDefined } from "lit/directives/if-defined.js"; import { until } from "lit/directives/until.js"; @@ -18,6 +18,17 @@ import "./GroupSelectModal"; @customElement("ak-user-form") export class UserForm extends ModelForm { + static get styles(): CSSResult[] { + return super.styles.concat(css` + .pf-c-button.pf-m-control { + height: 100%; + } + .pf-c-form-control { + height: auto !important; + } + `); + } + loadInstance(pk: number): Promise { return new CoreApi(DEFAULT_CONFIG).coreUsersRetrieve({ id: pk,