diff --git a/web/src/user/UserInterface.ts b/web/src/user/UserInterface.ts index 58fc1937fe..d418a6ace9 100644 --- a/web/src/user/UserInterface.ts +++ b/web/src/user/UserInterface.ts @@ -165,13 +165,21 @@ class UserInterfacePresentation extends AKElement { } return html` - ${msg("Admin interface")} - `; + class="pf-c-button pf-m-secondary pf-m-small pf-u-display-none pf-u-display-block-on-md" + href="${globalAK().api.base}if/admin/" + slot="extra" + > + ${msg("Admin interface")} + + + ${msg("Admin")} + `; } + render() { // The `!` in the field definitions above only re-assure typescript and eslint that the // values *should* be available, not that they *are*. Thus this contract check; it asserts